Háttér formájában egy sakktáblát tiszta css3

Háttér formájában egy sakktáblát tiszta CSS3

Háttér formájában egy sakktáblát tiszta css3

Nem is olyan régen, azt mondták, amennyire csak lehetséges, a háttérben bélelt füzet ketrecbe néhány sornyi CSS kód használata nélkül képek, textúrák (minták).






Ma meg akarom mutatni egy egyszerű példa a háttérben töltse egy nagyobb ketrecben, olyasmi, mint egy sakktábla. Tud valaki olyan ügyes a munkában, mivel a tervezés az ügyfelek igényeinek néha csak kiszámíthatatlan)).







Mint abban az esetben a cella a négyes fogjuk használni színátmenetek ismétlődő, váltakozó színű fekete és átlátszó átláthatóságot. Az elv nagyon egyszerű, és ennek alapján vesszük a háttér fehér background-color: white; és már akkor kiszabott lineáris színátmenetek:

cellaméret és egyenletes eloszlását az oldal, állítható segítségével háttér-méret: és a háttér-helyzetben: rendre. Próbáld például csökkenti az értékét háttér-size: 50px fel, és az elhelyezése a bal oldali, ahogy van, és kapsz egy nagyon különböző minta, ahogy nem kevésbé nyakatekert))). Tehát kísérletezik a paraméterek és hígítás egyéb tulajdonságait, akkor érheti el semmilyen eredményt.

A böngésző támogatja: a Chrome-szerű minden megjelenik, ahogy kellene, a Firefox és az IE-shka csík ki a sarokban szögben sejt, ami természetesen kihat az általános kép kezeljük százalékkal csökkent az átláthatóság színátmenetek legfeljebb 74%.

Mind hálás, ha a támogatás a projekt - hozzátéve egy blogot AdBlock kivételek, és osztoznak a linket egy rekord a társadalmi hálózatok:




Kapcsolódó cikkek