ЦВЕТОВА СХЕМА
Всеки цвят на всеки елемент може да се променя по всяко време, но е добра практика да имате предварително избрани основни цветове за вашия уебсайт.
Разгледайте готови bootstrap теми. Ако има цветова схема, която съвпада с вашите фирмени цветове, или просто съвпада с вашата идея, ние ще я приложим във вашия уебсайт.
Може сами да подберете най-подходящата цветова схема.
Използвайте някои от инструментите онлайн и изберете от 3 до 6 цвята, които да са основни за вашия сайт.
СЕНКИ
Сянка може да се прилага на почти всеки елемент – ред, колона, бутон, текст. Може да бъде вътрешна или външна, с хоризонтално и верикално изместване, с различно отдалечаване и различно размазване.
По-долу са показани няколко примера, но възможностите са много повече.
Граници
Може да се поставят граници на ред, колона, бутон и снимка.
Границите могат дабъдат с различен дизайн, различен радиус и различна ширина.
По-долу са показани няколко примера.
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
С радиус
С радиус
С радиус
С радиус
СНИМКИ
Снимките могат да бъдат с посочените по-горе граници.
Този пример е с граница Outset
Снимките могат да бъдат с радиус.
Този пример е с радиус горе/ляво и долу/дясно
На снимките могат да се прилагат филтри - прозрачност, скала на сивото, замъгляване и контраст.
Снимките могат да се завъртат във всички посоки
Анимация
Анимация може да се прилага при почти всеки елемент - текст, снимка, икона, на цял ред или колона и др.
Може да изберете от различни видове aнимация - при превъртане (scroll), при зареждане (load), при посочване (hoover) и 3D анимация
По-долу са дадени примери на няколко секции с анимация, от които може да си харесате нещо подходящо за вас
СЕКЦИЯ d016
Това е секция с фон снимка, текст с анимация при преъртане и три снимки с анимация при превъртане
СЕКЦИЯ d024
Това е секция с фиксирана снимка за фон, текст с анимация при превъртане и два бутона
СЕКЦИЯ d0612
Това секция с анимация при посочване на снимките.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna.
Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quam urna.
