CSS | VERSTKA

Картинка вместо чекбокса

Исходные чекбоксы в форме выглядят хотя и привычно, но уже несколько старомодно. Порой хочется вместо чекбокса использовать стильную картинку, которая лучше будет вписываться в существующий дизайн. С помощью CSS3 мы можем это сделать без всяких скриптов, при этом учтём и старые версии браузеров, в которых функционал формы должен сохраниться.

Генератор 3D текста CSS онлайн. Создать объемный текст CSS

При помощи генератора 3D текста CSS можно легко и быстро создать объемный текст.

Красивые кнопки для сайта. Часть 3

Очередная коллекция красивых эффектов для кнопок на сайте, созданных с помощью анимации теней, псевдоэлементов и иконок.

Модальные окна на CSS

Модальные окна часто устанавливают на сайт, для того чтобы разместить необходимую информацию, такую как форма обратной связи, инструкцию или правила. С этими модальными окнами на чистом CSS не нужно тратить много времени на их установку

Полное руководство по вычислительной CSS функции calc() с примерами

В CSS для выполнения основных математических операций есть специальная функция calc(). В этой статье мы рассмотрим практически все, что нужно знать об этой очень полезной функции.

Как сделать отрицательный calc?

Ребят, всем привет. Есть такая запись right: calc((45vh + 45vw) / 2) но она делает right положительным, а мне нужно сделать что бы число было отрицательное. Т.е. что бы элемент не отталкивался от правого края, а на оборот залез за … Continued

как сделать Градиентное Размытие CSS3

Вопрос следующий, как сделать градиентное размытие, чтобы в левом краю картинки размытие было максимальным, а уже в правом его совсем не было. Гуглил, там используют css свойство filter:blur(5px);. А как сделать так, чтобы это было как бы градиентное размытие?

Флексы

WebReference

Табы (вкладки) для сайта на CSS и JavaScript – 3 способа

В этой статье рассмотрим примеры вкладок для сайта, выполненных как с использованием только CSS, так и с применением JavaScript. Табы (вкладки) – это как раз и есть тот элемент интерфейса, который позволяет пользователю переключаться между контентом, разбитым на несколько секций. … Continued

Как подготовить вёрстку к Retina-экранам

Есть множество способов подготовить вёрстку, начиная от использования медиавыражений и заканчивая написанием скриптов. Мы не будем углубляться в эту тему и разберём только основные моменты, которые полезно знать начинающим веб-разработчикам.