CSS | Уроки и статьи | page 2

11.04.2018
CSS, jQuery

Категория: CSS.

45645343535342677878-1097635

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

  1.   0 (Комментариев)
  2.   14833 (Просмотров)
  3.   Подробнее

Категория: CSS.

pure-css3-lavalamp-menu_mini-5546525

Вы наверно уже видели похожие меню с эффектом скольжения указателя пунктов в нём, но сделанное с использованием плагина JQuery. В этом примере, вы увидите как создать такую же анимацию переходов только средствами CSS3.

  1.   0 (Комментариев)
  2.   2601 (Просмотров)
  3.   Подробнее

Категория: CSS.

pure_css3_accordion_mini-3802380

В этом примере вы увидите ещё одну прекрасную вещь, которую можно реализовать с помощью CSS3 — это аккордеон. Я думаю, что приём аккордеона по-прежнему популяр в интернете. Это хороший и компактный способ разместить информацию на странице. Конечно, мы можем всегда использовать JavaScript (JQuery) плагины для установки аккордеона, но это не всегда единственный выход. Потому как мы можем воспользоваться только средствами CSS3 для достижения такого же эффекта.

  1.   0 (Комментариев)
  2.   4143 (Просмотров)
  3.   Подробнее

Категория: CSS.

pure_css3_animated_buttons-4707801 В этом примере вы увидите как создаются анимированные интерактивные кнопки с использованием CSS3. Кнопки используют два состояния анимации, при наведении курсора и активное после нажатия на них.

  1.   0 (Комментариев)
  2.   4072 (Просмотров)
  3.   Подробнее

Категория: CSS.

css_code45345_mini-2266313

В этой статье для вас представлено 11 типовых CSS конструкций, которые очень часто приходиться применять в различных проектах. Таким образом, вам просто понадобиться скопировать типовой фрагмент кода себе в файл стилей и лишь дописать необходимые моменты в соответствии эскиза вашего проекта.

  1.   0 (Комментариев)
  2.   3114 (Просмотров)
  3.   Подробнее

Категория: CSS.

animirovannye_css3_knopki_dlya_sayta_mini-6113969

Эта статья покажет вам как создавать красивые CSS3 анимированные кнопки из любой ссылки на сайте, без использования каких либо изображений. Вы легко можете настраивать размер кнопки, скругленние углов и цвет. И так для того что-бы превратить простую ссылку в кнопку, надо к ссылке добавить класс button где плюс вы указываете цвет и размер, понятно что эти параметры прописываются в css файле.

  1.   0 (Комментариев)
  2.   7605 (Просмотров)
  3.   Подробнее

Категория: CSS.

css_frameworks-6899332

Фреймворк (от англ. framework — каркас)

Вы возможно уже слышали о CSS Frameworks таких как Blueprint, Grid System 960, Elastic и так далее. Также есть мнения что они могут быть хорошей отправной точкой для развития собственных работ и значительно сокращают время вёрстки шаблонов для web сайтов. Но так-ли это на самом деле? В этой статье мы рассмотрим то, как использовать CSS Frameworks на примере одного из наиболее популярных CSS фреймворков Grid System 960.

  1.   0 (Комментариев)
  2.   7204 (Просмотров)
  3.   Подробнее

Категория: CSS.

menu_slide_mini-8625291

В этом примере мы будем создавать красивое и эффектное слайд меню с применением JQuery и CSS. Данный вид меню потребует написания достаточно большого кода, поэтому я постараюсь подробнее объяснить информацию от организации структуры меню до исходного кода.

k_prim2-2257908

  1.   0 (Комментариев)
  2.   4183 (Просмотров)
  3.   Подробнее
Метки: , ,