Artikel Einführung von Wulin.com (www.vevb.com): Ich habe immer der Ansicht, dass das Layout des Bildwasserfalls in Chinaz sehr gut ist. Ich habe einige Methoden gesehen, die zuvor von anderen implementiert wurden, von denen die meisten mit JS implementiert werden. Ich habe es heute versucht und einfach ähnliche Layout -Effekte mit CSS3 erzielt. Ich hoffe, es wird für alle nützlich sein! Effekte in Chinaz
Früher dachte ich, dass das Layout des Bildwasserfalls in Chinaz sehr gut ist. Ich habe einige Methoden gesehen, die zuvor von anderen implementiert wurden, von denen die meisten mit JS implementiert werden. Heute habe ich es versucht und einfach ähnliche Layout -Effekte mit CSS3 implementiert. Ich hoffe, es wird für alle nützlich sein! Effekte in Chinaz:
Mein Code:
CSS3 Wasserfall Layout.Container {-Webkit-Säulen-Width-Moz-Säulen-Width-O-Säulen-Width-Webkit-Säulen-Gap-MOZ-COLUMN-O-COLUMN-GAPDIV: nicht (.Container) {--- webkit-border-radius-moz-border-radiusborder-radiusbackgroorborderDisplaywidTHpositionMargin.title {line-heighttext-Alignfont-Familypure CSS3 Wasserfalllayout
Laufeffekt (Firefox hat den Test unter Google Chrome bestanden, aber andere Browser testeten nicht ~~):