Css animation

Css animations

Here a codePen with cool animations:
https://codepen.io/DevLorenzo/pen/ExgpvJM

Css animation

Read this helpful, short and straightforward article to learn CSS animation perfectly.

https://medium.com/@Cafe_Code/learn-css-animation-asap-as-simple-as-possible-374b7874d4dd

Css animation

.shrink { 
transition: all .2s ease-in-out; 
}

.shrink:hover { 
transform: scale(0.9); 
}

Source: codegrepper.com

CSS animation

#anim {
  animation-name: colorful;
  animation-duration: 3s;
}

@keyframes colorful {
  0% {
    background-color: blue;
  }
  100% {
    background-color: yellow;
  }
}

Source: freecodecamp.org

Css animation

@keyframes animatedBackground {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
#animate-area {
  width: 200px;
  height: 200px;
  background-image: url(http://placekitten.com/400/200);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  animation: animatedBackground 10s linear infinite alternate;
}

Source: stackoverflow.com

Css animation

<div class="cssanimation hu__hu__"> Example </div>

Source: cssanimation.io

Similar codes

6 votes347 views1 answer
How to add truncate code
CSS
0 vote313 views1 answer
Flex item: 1;
CSS
0 vote326 views1 answer
Add backdrop to modal css
CSS
37 votes335 views6 answers
Css gradient text
CSS
4 votes297 views2 answers
How to get all values from object in javascript
CSS
30 votes311 views6 answers
Background image with gradient css
CSS
38 votes312 views6 answers
Convert object to array
CSS
19 votes300 views1 answer
Set pleasholders color css
CSS
0 vote312 views1 answer
Css borrar
CSS
0 vote351 views1 answer
Sticky footer not working bootstrap
CSS