Css - Страница 23

Записи, помеченные ‘css’

Улучшенные рамки изображения с помощью режима наложения

Сейчас есть тенденция к выходу за рамки привычных подходов использования прямоугольных блоков в веб-дизайне благодаря новым технологиям. Одно из мест, где все обычно прямоугольное, — это изображения. Они чаще всего имеют прямоугольную форму и располагаются в прямоугольной же сетке. Так происходит частично из-за удобства, частично из-за недостатка воображения или знаний у веб-дизайнеров и частично из-за того, что для состаривания [...]
Далее... 1 Комментарий »
Классические типографские эффекты с использованием CSS: первая строка вступления

Одна из типографских традиций — выделять первую строку или первые несколько слов первого абзаца, т. е., вступления; обычно буквы в словах преобразовываются в малые заглавные или капитель с помощью CSS. Например, можно использовать следующий код CSS, подобный нужному для создания буквицы:
Далее... 1 Комментарий »
Использование отрицающего псевдокласса CSS3

CSS есть много псевдоклассов, которые позволяют задавать свойства элементам, удовлетворяющим определенным условиям, таким как наведение указателя мыши, нахождение в фокусе, активность и т. п. Мы рассмотрим один из таких псевдоклассов, возможности которого не особо широко известны, но который используют многие веб-разработчики, — отрицающий псевдокласс :not.
Далее... 1 Комментарий »
Создание оригинального выпадающего меню

В этом уроке мы будем создавать крутое выпадающее меню в геометрическом стиле. Оно может украсить ваш новый проект и станет достойным пополнением коллекции ваших техник. Конечно сделаем мы это при помощи CSS.
Далее... 2 Комментариев »
Создание индикатора загрузки в виде пиксельных сердец

«Видеоигры разрушили мою жизнь. Хорошо, что у меня есть запасные жизни». Если Вы любите поиграть в компьютерные игры, как и мы, то Вы, вероятно, уже слышали это высказывание. Возможно, Вы не только любите поиграть в компьютерные игры, но и пишите о них, или даже у Вас есть сайт, посвященный этой теме. Тогда Вам может пригодиться индикатор загрузки в виде [...]
Далее... 1 Комментарий »
Создание трехмерного текста изменяющейся толщины

Нам понравился эффект выдвигающегося текста, когда текст выпрыгивает в направлении пользователя и изменяет толщину, как трехмерная башня. Этот способ изящен в своей простоте. Давайте рассмотрим его подробней.
Далее... 1 Комментарий »
Использование альтернативных единиц измерения для трансформаций поворота CSS3

Сегодня мы расскажем об альтернативных единицах измерения для трансформаций поворота. Они называются грады или гоны, а задаются добавлением размерности grad в конце значения функции после цифр. Обычная трансформация поворота CSS3 со всеми возможными приставками производителей выглядит так:
Далее... 155 Комментариев »
Создание угловых рекламных блоков с использованием трансформаций CSS3

Мы обратили внимание на полезный веб-сайт ScriptSrc.net, который позволяет получить актуальные теги для подключения нужных Вам библиотек JavaScript. У сайта есть активный угловой рекламный блок для распространения информации о сайте. Мы подумали, что с помощью CSS3 можно лучше расположить такой угловой рекламный блок или любой другой активный угловой элемент, так как активная область у этого блока [...]
Далее... 1 Комментарий »
Использование атрибута HTML tabindex и псевдокласса CSS :focus

Если вы интересуетесь обеспечением доступности веб-сайта, вам, вероятно, знакомы эти возможности. Но мы не очень много пишем об обеспечении доступности веб-сайта, хотя эта тема тоже важна. Представим, что у нас есть следующая страница с различными элементами, начинающаяся, например, с поля ввода:
Далее... 2 Комментариев »