Styling with CSS3 Fresco Play Hands-On Solutions
Styling with CSS3 Fresco Play Hands-On Solutions Course Path: Modern Web Development/WEB BASICS/Styling with CSS3 Please follow the below steps before Run Tests to run your code successfully otherwise you will face some server issues even Hands-On code is correct. Step 1: Run->Install Step 2: Run->Run Step 3: Run Tests 1. CSS3 HandsOn - Morphing Div(30 Min) File Name: styles.css #shape { height: 300px; width: 300px; margin: autoautoautoauto; background: tomato; border: 1pxsolidblack; animation: colorchange5sinfinite; animation-duration: 5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-duration: alternate; animation-iteration-count: infinite; animation-fill-mode: none; animation-play-state: running; } @keyframes colorchange5sinfinite { 0% { background: red; } 25% { background: yellow; } 50% { background: blue; border-radius: 50%; } 75% { background: green; } 100% { background: red; } } html{ width: 100%; height: 100%; display: flex; ...