Давно на хабре не было постов про CSS и я решил восполнить этот пробел. Сегодня мы учимся готовить зубчатый фон используя только средства CSS и никаких изображений!
Важные требования к такому забору:
- Никаких изображений!
- Он должен спокойно тянуться по горизонтали
- Обязательно должен поддерживать неравномерный фон у подложки
- Фон не должен требовать никакой экстра-разметки. Лучше всего будет избегать псевдо-элементов (экономия — хорошо).
Поддерживаемые браузеры: Chrome, Firefox (> 3.6), Opera (>= 12), Safari (>= 5), IE10.
Для IE 7, 8 у нас будет фоллбэк в виде обычной заливки. А вот с IE9 проблема — он не поддерживает градиенты, но при этом понимает hsla и rgba цвета. Воистину «великолепный» браузер. Что ж, его пока придётся игнорировать. Если кто–то подскажет хороший фоллбэк для IE буду только благодарен.
Читать дальше →
В браузере Firefox 16 мы лишаем префикса:
- CSS3 Animations (баг 762302)
- CSS3 Transitions (баг 762303)
- CSS3 Transforms (баг 745523)
- CSS3 Gradients (баг 752187)
- IndexedDB (баг 726378)
Также и
calc() может остаться без префикса
(баг 771678).
Человек - рожденное природой совершенство. И несмотря на все увечья, нанесенные своей матушке, он остается связан с ней, словно младенец, которому не перерезали пуповину. Неразрывную связь человека с природой, ее борьбу за жизнь в эпоху индустриального и промышленного прогресса, решил продемонстрировать художник
Мануэль Фелиси (Manuel Felisi) в своем арт-проекте
Giardinetta.
Подробнее..
URL записи
Привет всем! На этот раз предлагаю Вам скачать 15 реалистичных градиентов для Фотошоп. Градиенты высочайшего качества и обязательно Вы найдете им применение
Чтобы посмотреть урок полностью, кликните по названию урока.
