Записи, помеченные ‘урок css3’
-
Создание оригинального выпадающего меню
В этом уроке мы будем создавать крутое выпадающее меню в геометрическом стиле. Оно может украсить ваш новый проект и станет достойным пополнением коллекции ваших техник. Конечно сделаем мы это при помощи CSS.
Далее... 2 Комментариев » -
Создание индикатора загрузки в виде пиксельных сердец
«Видеоигры разрушили мою жизнь. Хорошо, что у меня есть запасные жизни». Если Вы любите поиграть в компьютерные игры, как и мы, то Вы, вероятно, уже слышали это высказывание. Возможно, Вы не только любите поиграть в компьютерные игры, но и пишите о них, или даже у Вас есть сайт, посвященный этой теме. Тогда Вам может пригодиться индикатор загрузки в виде [...]
Далее... 1 Комментарий » -
Создание трехмерного текста изменяющейся толщины
Нам понравился эффект выдвигающегося текста, когда текст выпрыгивает в направлении пользователя и изменяет толщину, как трехмерная башня. Этот способ изящен в своей простоте. Давайте рассмотрим его подробней.
Далее... 1 Комментарий » -
Использование альтернативных единиц измерения для трансформаций поворота CSS3
Сегодня мы расскажем об альтернативных единицах измерения для трансформаций поворота. Они называются грады или гоны, а задаются добавлением размерности grad в конце значения функции после цифр. Обычная трансформация поворота CSS3 со всеми возможными приставками производителей выглядит так:
Далее... 155 Комментариев » -
Создание угловых рекламных блоков с использованием трансформаций CSS3
Мы обратили внимание на полезный веб-сайт ScriptSrc.net, который позволяет получить актуальные теги для подключения нужных Вам библиотек JavaScript. У сайта есть активный угловой рекламный блок для распространения информации о сайте. Мы подумали, что с помощью CSS3 можно лучше расположить такой угловой рекламный блок или любой другой активный угловой элемент, так как активная область у этого блока [...]
Далее... 1 Комментарий » -
Использование атрибута HTML tabindex и псевдокласса CSS :focus
Если вы интересуетесь обеспечением доступности веб-сайта, вам, вероятно, знакомы эти возможности. Но мы не очень много пишем об обеспечении доступности веб-сайта, хотя эта тема тоже важна. Представим, что у нас есть следующая страница с различными элементами, начинающаяся, например, с поля ввода:
Далее... 2 Комментариев » -
Задаем уникальный цвет выделения текста с использованием CSS
Вероятно, вы обращали внимание, что цвет выделения на некоторых веб-сайтах отличается от цвета выделения по умолчанию и подходит к другим цветам, используемым на сайте. Этого можно добиться с помощью CSS, и задать эти цвета так же, как и другие цвета на веб-сайте. Таким образом можно создать сайт, цветовая схема которого будет использоваться абсолютно везде на этом сайте, [...]
Далее... 1 Комментарий » -
Интересные эффекты с использованием свойства CSS3 тени блока
Внешние и внутренние тени раньше создавались только с помощью изображений. И сейчас еще есть веб-разработчики, которые не знают, что для создания необычных теней уже не нужна программа Photoshop и сделать тень сложной формы теперь можно с помощью только CSS3.
Далее... 1 Комментарий » -
Использование функции CSS3 calc ()
Вы, возможно, знаете, что с помощью препроцессоров CSS можно задавать значения размеров по специальным формулам. Но подобное можно сделать и с помощью функции CSS3 calc(). В этом уроке мы рассмотрим, как использовать эту функцию в таблице стилей.
Далее... Нет комментариев »
Самые комментируемые
- Текст из крови в Adobe Photoshop 549
- Насколько важно сегодня использовать Web Safe цвета? 538
- 20 наборов кистей для Фотошопа, которые вам пригодятся 530
- Текст из воды в Adobe Photoshop 518
- 45 новых удивительных наборов кистей для творчества 423
- Более 40 фотореалистичных рисунков 205
- Ретро и винтажная типографика в веб-дизайне 194
- 30 примеров фрактального искусства 191