react-thumbor-image
Version:
Makes it easy to add Thumbor optimized images to your React app.
2 lines (1 loc) • 415 B
CSS
.react-thumbor-image-container{background-color:#ccc;overflow:hidden;position:relative;max-width:8000px;margin:20px auto}.react-thumbor-image{position:absolute;width:100%;height:100%;opacity:0}.react-thumbor-image.thumb{opacity:1;filter:blur(10px);transition:opacity 1s ease-out;position:absolute}.react-thumbor-image.thumb.isLoaded{opacity:0}.react-thumbor-image.isLoaded{transition:opacity 1s ease-out;opacity:1}