Cookie

предосторожность


Эта статья была опубликована более чем год назад, там, возможно, были события.
Пожалуйста, примите это во внимание.

От рождения веб-дизайнеров CSS3 сошел с ума для бесчисленных новых возможностей, доступных. Некоторые из самых ярких является возможность создания’затенение (также размыты) по тексту или к любому элементу, способность вращать элементы сколько градусов вы хотите, эффекты постепенное появление е исчезать и некоторые простые анимации в целом. Тенденция, кажется, отказаться от (или иным образом уменьшить) использование графического программного обеспечения в пользу сложного рендеринга с помощью CSS.

Следует помнить, что CSS3 еще не полностью поддерживаются браузерами, Исследователь, что даже в более новых версиях обычно нетипично реагировать на многие инструкции, и Firefox (и программа, основанная на Gecko) Он имеет альтернативные аргументы, которые требуются от W3C. Следствием этого является то, что неразумно использовать CSS3, если нет никакой гарантии, обратная совместимость с браузерами, которые пока не поддерживают конкретных.

В связи с этим, Недавно я наткнулся на сайт, который оставил меня буквально потерял дар речи, не из-за того, как он структурирован, Что же касается содержания. Здесь “CSSDeck“, котел, содержащего десятки примеров использования CSS3 несомненного мастерства. В частности, они приятно увлечен мне некоторые примеры использования в которых оно было ранее необходимо использовать JavaScript, в то время как сейчас можно структурировать CSS. Здесь я предлагаю некоторые из самых ярких творений.

Эластичный Строкапоиска

Это классическое меню навигации, где фон градиент, закругленные края, плавному эффект / выцветанию на парении и анимации на фокусе поля поиска создаются с помощью CSS, единственное изображение, используемое является небольшое увеличительное стекло, остальное вынести CSS3.


Удивительные кнопки CSS3 прессованных

Другая анимация графического воздействия являются защелками. В этом случае, однако, это соответствует давлению, даже небольшое затенение, что делает наиболее реалистичное давление.


Блестящие Полупрозрачные цветные кнопки

Набор кнопок от реалистического прикосновения с анимацией при наведении курсора мыши и нажмите на другой.

Это не достаточно?


TheJoe

Я держу это в качестве хобби блог от 2009. Я графики энтузиастов, технология, Программное обеспечение с открытым исходным кодом. Среди моих статей не будет трудно найти о музыке, и некоторые личные размышления, но я предпочитаю, чтобы направить линию блога в основном технологии. Для получения дополнительной информации связаться со мной.

0 Комментарии

оставьте ответ

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатывается комментарий данных.