CSS
Популярное
Новые посты
Пять полезных CSS селекторов
Помимо обычных селекторов тегов, потомков, классов и id селекторов, CSS располагает псевдо-классами, селекторы которых позволяют оформить HTML теги на основе их позиции в документе
Почему стоит использовать LESS при верстке сайта?
Очень долгое время я использовал при верстке сайтов только голый CSS. Но с опытом становится очевидно, что стандартный CSS пожирает очень много времени и внимания, а зачастую представляет из себя мусорную корзину, где один класс наслаивается
Пример использования LESS при верстке сайта
Здесь, я рассмотрю несколько полезных фич на LESS, их можно вынести в отдельный файл и подключать к своим проектам
Создание эффекта стопки бумаги с использованием CSS3
Не должно удивлять, что псевдоэлементы :before и :after используются для создания нижних страниц. Они повернуты с помощью свойств трансформации, чтобы стопка выглядела неровно. Эффект работает в браузерах Chrome, Safari, Firefox, Internet Explorer от версии 10 и Opera, как в старых версиях на движке Presto, так и в новых на движке Webkit
Как нужно правильно верстать (полезные советы)
В этом уроке вы узнаете много нового и интересного о правильной верстке. Много полезных материалов в подборке и советов
Горизонтальное разворачивающееся меню на CSS с помощью псевдокласса :target
С помощью псевдокласса :target можно создать очень многое, например, интересные интерактивные элементы, которые раньше требовали сложных скриптов JavaScript. Мы уже создавали переключение между вкладками и вертикальное разворачивающееся меню. В этом уроке мы расскажем о создании горизонтального разворачивающегося меню с помощью той же разметки HTML5
Конические CSS градиенты - уже сегодня!
Конечно, спецификация еще довольно «сырая», но не из-за этого конические градиенты не получили поддержки. Бывали экспериментальные реализации и куда хуже описанных функций. Причина, по которой конические градиенты всё ещё не реализованы — мало разработчиков знают о них, поэтому браузеры не видят в них нужды
Разработка интерактивной демонстрации при помощи контуров обрезки в CSS
Эта статья рассматривает то, что вдохновило меня на проект, и то, как строились различные его части, и я расскажу, как вы можете использовать эту сильно недооценённую строку CSS в собственных проектах
Создание вертикального разворачивающегося меню
С помощью псевдокласса :target можно создать многое, например, переключение между вкладками с использованием только CSS3. Одним из главных преимуществ кода CSS является то, что можно задавать любые стили коду HTML
Flexbox на примере игрального кубика
Что если бы вы могли построить сложный css лейаут в считанные минуты? Flexbox — это новый лейаут CSS верстки, который позволяет легко построить динамические макеты
Как растянуть элементы в блоках, на полную ширину окна браузера
Как растянуть элементы, находящиеся в блоках, на полную ширину окна браузера, используя при этом CSS
Как создать светящуюся ссылку с помощью CSS
В этом уроке мы создадим анимированные светящиеся ссылки. Тень текста - это многогранное свойство CSS3, которое поддерживается в браузерах без приставок производителей
Простые кроссбраузерные текстовые маски при помощи режимов наложения
После экспериментирования с режимами наложения, я понял, что можно воспользоваться ими, чтобы создать маски обрезки по тексту, сделав «бутерброд» из текста и фоновых изображений
Фоновая сетка на чистом CSS
Пример фоновой разметки на чистом CSS. Возможно этот прием разметки будет вам полезен в ваших проектах
Эффекты текста при наведении
В этом материале вы можете просмотреть демо и скачать интересные эффекты при наведении на текст