-
Notifications
You must be signed in to change notification settings - Fork 0
imagesLoaded.css
SpencerChang edited this page Aug 18, 2016
·
1 revision
#image-container{ margin: 0px auto; }
#image-container img { max-height: 140px; }
li { height: 140px; min-width: 100px; display: block; float: left; list-style: none; margin: 0 5px 5px 0; background-color: black; background-position: center center; background-repeat: no-repeat; }
li img, #status { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; transition: opacity 0.4s; }
li.is-loading { background-color: black; background-image: url('http://desandro.github.io/imagesloaded/assets/loading.gif'); }
li.is-broken { background-image: url('http://desandro.github.io/imagesloaded/assets/broken.png'); background-color: #be3730; width: 120px; }
li.is-loading img, li.is-broken img { opacity: 0; }