Такий поширений об’єкт дизайну веб-сторінок, як бокс з округлими кутами і тінню, можна побудувати з CSS без використання зображень. Більше того, існує можливість контролювати рівень прозорості прямокутника, в той час як прозорість тексту в боксі не змінюватиметься. Використання даних атоматичних функцій значно полегшує редагування масштабу, та позбавляє від необхідності використання великої кількості зображень.
Графічні інтерактивні кнопки, які будуть міняти властивості в залежності від дій користувача, можна створити з CSS без використання зображень. На зразок:
CSS:
a {
display: block;
width: 6.6em;
height: 1.4em;
text-align: center;
text-decoration: none;
border: 1px solid #66a300;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-image: -webkit-gradient (linear, left top, left bottom, from (#abe145), to (#67a400)); (Для створення градієнта, діє в Safari)
background-color: #8cca12;
color: #fff; Читати далі
Зайдіть по посиланню silverbackapp.com. Якщо ви спробуєте змінити розмір вікна браузера, зелені ліани вгорі документа будуть рухатись з різною швидкістю, створюючи панорамний еффект.
Даний метод можна викорисати для “оживлення” фону сайта – для створення еффекту дощового неба, підводного простору тощо. Більше того, для його втілення використовується лише CSS код.
Перше зображення додається до тега body Читати далі
Mind's Dance 