react-progressive-image-blur
Version:
A progressive image loader with blur transition.
43 lines (35 loc) • 542 B
CSS
.App {
text-align: center;
}
.App-header {
background-color: #222;
height: 150px;
padding: 20px;
color: white;
}
.gallery {
padding: 2em;
}
.placeholder {
height: 30em;
background-color: #000;
font-size: 3em;
color: #fff;
}
.gallery .image {
display: inline-block;
font-size: 0;
}
.gallery .big-image {
width: 60%;
height: auto;
}
.gallery .fix-size {
width: 300px;
height: auto;
}
.gallery .image img,
.gallery .image canvas {
width: 100%;
height: auto;
}