mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
7a827277a9
ion-img is useful for virtual scrolling. It allows ionic to control image HTTP requests, along with controlling when images should be rendered within the DOM.
31 lines
391 B
SCSS
31 lines
391 B
SCSS
@import "../../globals.core";
|
|
|
|
// Img
|
|
// --------------------------------------------------
|
|
|
|
ion-img {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
ion-img img {
|
|
display: block;
|
|
}
|
|
|
|
ion-img .img-placeholder {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
background: #ddd;
|
|
|
|
transition: opacity 200ms;
|
|
}
|
|
|
|
ion-img.img-loaded .img-placeholder {
|
|
opacity: 0;
|
|
}
|