Hello guys, Welcome to Africa's Largest Video Search Engine, and you are watching Learn CSS animation in 8 minutes 🎞️. and this video is uploaded by Bro Code at 2021-09-04T12:57:52-07:00. We are just promoting this video only for entertainment and educational purpose only. I hop you like our Video Search Engine. [O7mTUtHDP5E]
| Name | Learn CSS animation in 8 minutes 🎞️ |
| Video Uploader | Video From Bro Code |
| Upload Date | This Video Uploaded At 04-09-2021 19:57:52 |
| Video Discription | CSS animation tutorial example explained #CSS #animation #tutorial #box1{ width: 250px; height: 250px; background: red; font-size: 225px; text-align: center; /* animation: mySlide; animation-play-state: running; animation-iteration-count: infinite; animation-delay: 0s; animation-timing-function: linear; animation-duration: 5s; */ animation: 3s linear 0s infinite running mySlide; } #box1:hover{ } #box1:active{ } @keyframes mySlide{ from{margin-left: 100%;} to{margin-left: 0%;} } @keyframes myRotate{ /*100%{transform: rotateX(360deg)}*/ /*100%{transform: rotateY(360deg)}*/ 100%{transform: rotateZ(360deg)} } @keyframes myOpacity{ 50%{opacity: 0;} } @keyframes myScale{ 50%{transform: scale(0.5, 0.5);} } @keyframes myColorChange{ 0%{background-color: red;} 20%{background-color: orange;} 40%{background-color: yellow;} 60%{background-color: green;} 80%{background-color: blue;} 100%{background-color: purple;} } [O7mTUtHDP5E] |
| Category | Science & Technology |
| Tags | css animation | css animation tutorial | css keyframes | css keyframe | css keyframes tutorial | css animation examples | css crash course | css | css tutorial | css animation crash course | css transition | css transitions | css transition and animation | css movement | css transition tutorial | css animation website | css animation beginner | css anim | css animate | css move box | css animate text | web dev |
