CSS - страница 2

Таблица с липкой шапкой

  Инструкция как сделать липкую шапку таблицы без использования JavaScript и без jQuery. Фиксированные заголовки таблицы сделанные на чистом CSS.

  Эта типовая задача решается при помощи всего лишь трёх строчек css-кода. И это в буквальном смысле.

кнопки

  Анимированные кнопки для сайта. Кнопки для сайта с 3D эффектом работающие на чистом CSS.

  Хочу поделиться решением реализации на сайте кнопок, работа которых действительно похожа на настоящие кнопки.

 

youtube

  Социальные сети стали неотъемлемой частью современного интернета. Своим понятным функционалом они массово завлекли пользователей вызвав у них зависимость.

  Хочу поделиться с достопочтенной аудиторий кнопками социальных сетей для сайта на чистом CSS и Font Awesome, которые я делал подгоняя стили целый день.

звёздочки

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

  Хочу представить небольшую сборку простых CSS паттернов, которые часто используются на сайтах.

Оглавление (содержании книги) на CSS

Делаем на CSS оформление оглавления (содержание книги) с липкой шапкой и такими же точками как в печатных книгах. Готовый код CSS и HTML.

тетрадная клетка

Фоны и градиенты на CSS имеют огромнейшее преимущество перед такими же фонами сделанными на основе изображений.

Данный фон из градиента который сделан в виде тетрадной клетки.

Можно найти много тематик, где данный фон будет востребован и они не будут ограничиваться только школьной тематикой.

Фон в тетрадную в линию

Градиентный фон в виде школьной тетрадной линии в трёх вариантах: обычная линия, линия с полем слева и линия с полем с правой стороны.

Готовые CSS-стили для реализации данного фона.

снег

Продолжая зимнюю тематику, хочу поделиться тем, как можно реализовать на сайте такую штуку как падающий снег.

Данный эффект сделан на CSS, что в отличии от JavaScript не создаёт нагрузок на браузер посетителя сайта. Реализовать можно на любом сайте независимо от его CMS (движка).