верстка - Страница 23

Записи, помеченные ‘верстка’

Классические типографские эффекты с использованием 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 Комментариев »
Задаем уникальный цвет выделения текста с использованием CSS

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