Introducción al artículo de Wulin.com (www.vevb.com): Solía pensar que el diseño de la cascada de la imagen en Chinaz es muy bueno. He visto algunos métodos implementados por otros antes, la mayoría de los cuales se implementan utilizando JS. Lo intenté hoy y simplemente logré efectos de diseño similares con CSS3. ¡Espero que sea útil para todos! Efectos en Chinaz
Solía pensar que el diseño de la cascada de la imagen en Chinaz es muy bueno. He visto algunos métodos implementados por otros antes, la mayoría de los cuales se implementan utilizando JS. Hoy lo probé y simplemente implementé efectos de diseño similares con CSS3. ¡Espero que sea útil para todos! Efectos en Chinaz:
Mi código:
Cascada CSS3 Layout.Container {-webkit-column-width-moz-column-width-o-column-width-webkit-column-gap-mez-column-gap-o-column-gapdiv: no (no .container) {- WebKit-Border-Radius-MOZ-Border-Radiusborder-RadiusbackgroundbrogroLderdisplayWidthPositionMargin.Title {Line-HeightText-Alignfont-FamilyPure Diseño de cascada CSS3
Efecto de ejecución (Firefox, pasó la prueba en Google Chrome, pero otros navegadores no probaron ~~):