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

45645343535342677878-1229566

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

pure-css3-lavalamp-menu_mini-1941475

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

pure_css3_accordion_mini-8267621

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

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