Ви вибрали записи за тегом: CSS3 | Блог








11
Липень
2011

CSS3 - 3 пряника. Два акордеони та одне цікаве анімаційне меню


Тут я запропоную посилання на ці три пряника. Як дістатися до вихідного коду - ви повинні знати :)

Акордеон

Цікаве анімаційне меню

Акордеон 2

пс. Якщо Ви переглядаєте цю публікацію з головної сторінки чи з сторінки категорій, тегів - вище наведені посилання не дієві. Отож, щоб подивитися на приклади - клікнувши по заголовку перейдіть на сторінку публікації :)


Переглядів: 1008    Коментарів: 0    Рейтинг:



07
Липень
2011

Цікаве CSS3 меню


Цікаве меню на CSS3 і без жодної картинки


Переглядів: 748    Коментарів: 0    Рейтинг:



07
Липень
2011

Стрічки на CSS3


Цікаві стрічки на CSS3. Код і жодної картинки!


Переглядів: 821    Коментарів: 0    Рейтинг:



27
Квітень
2011

18 фонів на CSS3


18 різних текстур для оформлення фону сайту. Для створення фонів використані тільки властивості CSS3, що відкриває необмежені можливості для модифікації під будь-який дизайн.


Переглядів: 1449    Коментарів: 0    Рейтинг:



12
Квітень
2011

Розбивка текту на колонки за допомогою CSS 3


Цей варіант чудово підходить для газет. Раніше таку розбивку тексту у веб зробити було майже не можливо.

Поки це працює в браузерах Mozilla, Chrome, Safari, які підтримують -moz- і -webkit-


Розбивка текту на колонки за допомогою CSS 3

Переглядів: 826    Коментарів: 0    Рейтинг:



12
Квітень
2011

7 цікавих текстових ефектів на CSS 3


Раніше у веб таких ефектів можна було досягнути тільки за допомогою Фотошопу та вставки зображень. Але це додавало ваги сайту. Тепер же, ми можемо писати кодом те, що раніше малювали в Фотошопі.


У цій публікації представлю 7 текстових ефектів на css 3 з кодом, демо та вихідними файлами.


7 цікавих текстових ефектів на CSS 3

Переглядів: 855    Коментарів: 0    Рейтинг:



12
Квітень
2011

3 онлайн генератори CSS3 стилів


1. Генератор кнопок

2. Генератор градієнтів

3. Генератор (border radius, box shadow, text shadow, RGBA, @font-face, Multiple Columns, Box Resize, Bo Sizing, Outline, Transitions, Transform, Selectors, Gradients)


Переглядів: 969    Коментарів: 0    Рейтинг:



01
Квітень
2011

CSS3 - Заокруглені кути та тінь під текстом


Заокруглені кути


div { border: 2px solid #434343; padding: 10px; background: #e3e3e3; -moz-border-radius: 10px; -webkit-border-radius: 10px; width: 500px; }


Тінь під текстом



h1 { text-shadow: #003471 2px 5px 2px; }


Переглядів: 853    Коментарів: 0    Рейтинг: