Ani2 Animation - 움직이는 사진 애니메이션 만들기 애니메이션 : 움직이는 사진 움직이는 사진을 만들어 봅시다. @font-face { font-family: 'LocusSangsang'; font-weight: normal; font-style: normal; src: url('https://cdn.jsdelivr.net/gh/webfontworld/locus/LocusSangsang.eot'); src: url('https://cdn.jsdelivr.net/gh/webfontworld/locus/LocusSangsang.eot?#iefix') format('embedded-opentype'), url('https://cdn.jsdelivr.net/gh/webfontworld/locus/LocusSangsang.woff2') forma.. 2022. 9. 20. CSS 애니메이션 - 웨이브 애니메이션 만들기 애니메이션 : 웨이브 웨이브하는 공을 만들어봅시다. @mixin center { display: flex; align-items: center; justify-content: center; } body { @include center; height: 100vh; background-image: linear-gradient(45deg, #00dbde 0%, #fc00ff 100%); } .row { display: flex; .circle { width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 5px 10px; transform-origin: top center; animation: spin 1s linear .. 2022. 9. 19. 이전 1 다음 728x90 반응형
