Skip to content

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; }

Clone this wiki locally