Предшестващо състояние под формата на шахматна дъска на чист CSS3
Не толкова отдавна, ми беше казано, колкото е възможно във фонов облицована тетрадка по краснопис гръдния с няколко реда CSS код, без използването на изображения, текстури (модели).
Днес искам да покажа един прост пример за запълване на фона на по-голяма клетка, нещо като шахматна дъска. Може ли някой толкова удобен, по време на работа, тъй като нуждите на дизайна на клиентите понякога просто непредсказуем)).
Както в случая на клетката на Tetrad, ще използваме градиенти повтарящи, редуващи се в черен цвят и прозрачен прозрачност. Принципът е много прост, като основа вземем фон бял фон-цвят: бял; и вече е наложена линейни градиенти:
размер клетка и равномерно разпределение на страницата, регулируема използвайки фон размер, и фон-позиция: съответно. Опитайте например, за да се намали стойността на фона размер: 50px нагоре и позиционирането на ляво, какъвто е, и ще получите много по-различен модел, начина, по който не по-малко сложен))). Така че като експериментирате с параметрите и разреждане на други имоти, можете да постигнете никакви резултати.
На помощ на браузъра: в Chrome подобни всичко изглежда както трябва, Firefox и IE-shka ивица, издаден от ъгъла на клетка ъгъл, което разбира се отразява на общата картина се обработва на намаление сто през прозрачност при наклони до 74%.
Всичко ще бъде благодарен, ако подкрепа за проекта - добавяне на блог, за да AdBlock изключения и да споделите връзка към запис в своите социални мрежи:
Свързани статии