how to make an image fade in css3 code example
Example 1: css fade in
.fade-in {
animation: fadeIn 2s;
opacity: 1;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
Example 2: how to fade out images html css
.fade-out { animation: fadeOut ease 8s; -webkit-animation: fadeOut ease 8s; -moz-animation: fadeOut ease 8s; -o-animation: fadeOut ease 8s; -ms-animation: fadeOut ease 8s;}@keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; }}@-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; }}@-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; }}@-o-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; }}@-ms-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0;}