3 @keyframes - Change Color | CSS | Frontend | Take it easy shorts

Codepen https://codepen.io/frontend-tech/pen/BaZjJVX MDN @keyframes https://developer.mozilla.org/en-US/docs/Web/CSS/@ keyframes animation https://developer.mozilla.org/en-US/docs/Web/CSS/animation ```css .box { width: 50px; height: 50px; border: solid 1px; animation-duration: 6s; animation-name: bg; } @keyframes bg { 0% { background: pink; } 50% { background: blue; } 100% { background: green; } } ``` -------------------------------------------------- Please Check my movies!! ▶︎Movie - CSS writing-mode /watch/gLszI7Y8X_U8z text-transform /watch/4tWnaDD-fmx-n zoom /watch/MwmhqcvvSGtvh ▶︎Movie - JavaScript Array.prototype.concat() /watch/ggBRSBn2r-C2R filter(v, i, self) - Duplicate items /watch/gxfyjt3PXyMPy ▶︎Movie - HTML input /watch/Q96MALgOOaEOM del & ins /watch/kgZMby7nBT9nM ▶︎Movie - SCSS min, max /watch/gRHrwoqW6-zWr mix /watch/IDlhVt31khi1h ▶︎Movie - Vue.js Methods /watch/UX49Z0fN7QFN9 -------------------------------------------------- ▶︎Target For beginners to learn. For intermediate reviewers. ▶︎Weekly plan - 2021 Mon. JavaScript Tue. CSS Wed. Any Thu. Any Fri. Any ▶︎Why I post I'm not good at reading thick books. When I became an engineer, I was frustrated many times. The documentation out there is complicated and it has afflicted me. So I want to explain programming as simply as possible. Of course, it also serves as my study. ▶︎My future Recently I'm making a short video. but want to make a long video when I have time. want to make a site and try to monetize it. But also want to support the programming challenges of beginners. Let's all do our best! And I hope the world goes for the better with programming. Please subscribe to the channel. /channel/UCsfRMap5w375cKIVsciR0lQ

Category