Кнопка с анимацией по ховеру и автоматическая
Анимация кнопки с движением линей по кругу при навидение (hover) и с помощью анимации для постояного проигривания
CSS3
CSS3 - это язык стилей которые применяются к html элементам. Следует помнить что еще не все селекторы могут использоватся без префиксов. 3 версия css принесла много долгожданных новинок, таких как закругленные углы, тени, градиенты, переходы или анимации, а также новые макеты, такие как многостолбцовые, гибкие поля или макеты сетки.
Селектор (Selector) Имя HTML элемента в начале набора правил. Он выбирает элемент(ы) для применения стиля (в данном случае, элементы p ). Для стилизации другого элемента, просто измените селектор.
Объявление (Declaration) Единственное правило, например color: red; указывает, какие из свойств элемента вы хотите стилизовать.
Свойства (Properties) Способы, которыми вы можете стилизовать определенный HTML элемент (в данном случае, color является свойством для элементов < p >). В CSS вы выбираете, какие свойства вы хотите затронуть в вашем правиле.
Значение свойства (Property value) Справа от свойства, после двоеточия, у нас есть значение свойства, который выбирает одно из множества возможных значений для данного свойства (существует множество значений color, помимо red).
Креативные Box Border Hover Effects на чистом Html и css
Креативный эфект Box Border Hover Effects на чистом Html и css созданый с помощью :before и продуманого позиционирования.
Математическая формула на чистом CSS end DIV
Возможно ли создать математическую формулу с дробьями и скобками на чистом CSS end DIV без ипользования спрайтов и рисунков?
Готовые градиенты на css для оформления сайта
Моя колекция градиентов на css для перекрития фото и добавления сверху текста - подходит для оформления баннеров так главных постов новостных сайтов.
Дизайн модального окна с простой формой
HTML + CSS оформление простого окна с формой на 2 инпута - "Ваше имя" и "Ваш телефон"
Отдельные стили для Edge и Explorer 10 и 11
Как задать отдельные стили для Edge и Explorer 10 и 11 прямо в css файле?
Смена стилей в зависимости от размера екрана
Сейчас без респонсивной верстки которая должна подстраиватся под разные экраны, включая мобильные никак не обойтись. Расмотрим все варианты - как можно сменить вид сайта в зависимости от размера устройства на котором он просматрывается.
Анимация стрелок
Пример анимации движения стрелки на чистом css
border-radius
Это краткая запись для четырёх свойств border-top-left-radius, border-top-right-radius, border-bottom-right-radius иborder-bottom-left-radius.
Примеры использования flexbox в css
Примеры наиболее частого использованя flexbox в css. Просто так их не придумали и у флексов есть то чего невозможно сделать с помощью обычного css. У Флексов есть минус - в контейнере (display: flex;) не работает абсолютное позиционирование.!