Архив рубрики: CSS3

Примеры css3, рисование кодом стилей без JavaScript

Создать открывающееся меню с боку  как в новой версии портала « Президента России », используя только свойства CSS. Для этого достаточно применить псевдоселектор :checked , а для эффекта плавно открывающегося меню добавить свойство CSS3 transition . Открывающееся меню без проблем работает в браузерах IE9+, Firefox 3.5+, Chrome, Safari 3.2+, Opera 9.5+. Читать далее

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

Листалка блоков div полностью построена на свойствах CSS3. Для красивого перелистывания содержимого блоков для листалки CSS3 добавлено немного анимации при переходах. Свойства анимации CSS3 придают простой листалки страниц, эффект слайдера. Читать далее

Возможности HTML5 и CSS3 не перестают нас радовать новыми полезными спецификациями. В этой статье мы рассмотрим возможности CSS Shapes с кучей маленьких демо, чтобы помочь вам понять как это работает. Читать далее

Если у Вас есть директория наполненная каталогами которые содержат большое количество файлов с расширением .html, css, txt, js и т.д. В конце концов Вам потребуется вывести дерево каталогов из этой директории. Смотрите три варианта как отобразить дерево каталогов в браузере с помощью PHP, jQuery, CSS3. Читать далее

Псевдоклассы селекторов можно использовать для полей ввода веб-формы с разными значениями. Если Вы еще не знакомы с псевдоклассами, пожалуйста прочтите статью CSS селекторы чтобы Вам было легче понять работу разметки псевдоклассов. Читать далее