Search
 
SCRIPT & CODE EXAMPLE
 
CODE EXAMPLE FOR CSS

css image transition fade

<!-- example -->
<head>
<style>
.fade-in-image {
  animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
</style>
</head>

<body>
<div class="fade-in-image">
   <img src="https://source.unsplash.com/fk4tiMlDFF0/800x600/">
</div>
</body>
 
PREVIOUS NEXT
Tagged: #css #image #transition #fade
ADD COMMENT
Topic
Name
4+7 =