background fade in css code example
Example 1: css fade in
.fade-in {
animation: fadeIn 2s;
opacity: 1;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
Example 2: css transition opacity
.myClass {
vertical-align: top;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
opacity: 1;
}
.myClass:hover {
opacity: 0.5;
}
Example 3: gradient image css
#show_bg_2 {
background-image:
linear-gradient(to bottom, rgba(245, 246, 252, 0.52),
rgba(117, 19, 93, 0.73)),url('images/background.jpg');
width: 80%;
height: 400px;
background-size: cover;
}
Example 4: css linear gradient
#grad {
background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);
}