Рубрика: CSS
CSS3 меню с эффектами перехода
В этой статье мы создадим простое, я бы даже сказал банальное вертикальное меню. Добавим немного CSS3 эффектов. Цель всей затеи – это показать как просто и главное эффективно можно применять CSS3 свойства для создания интересных вариантов навигационного меню.
CSS3 как использовать свойство transition?
В этой статье мы разберем, как использовать свойство CSS3 – transition. Свойство transition дает нам возможность контролировать параметры эффекта перехода.
Обзор CSS3 box-shadow
В этом обзоре свойств CSS3, рассмотрим свойство box-shadow. Ранее эффекта теней для блоков и элементов веб-страницы добивались методом нарезки изображений и применения их в качестве фона. Ситуация приняла приятные перемены. Свойство box-shadow дает нам широкие возможности, простоту и мобильность в вопросе создания теней.
Эффект 3D ленты для заголовка
Возможности CSS3 позволяют избегать использования изображений для достижения некоторых эффектов на сайте. В этой статье мы также подкрепим данное утверждение очередным фактом. Думаю с эффектом представленным на картинке выше, вам приходилось встечаться на просторах интернета. Ранее его реализовывали при помощи нарезки изображений, а сегодня мы реализуем данный пример используя только CSS и HTML.
Делаем простое вертикальное меню
Меню – один из главных элементов на веб-странице. Практически на каждом сайте используется меню, хотя сегодня они настолько разнообразны, что некоторые даже сложно такими назвать. Сегодня мы попробуем сделать простое, но практичное вертикальное меню, используя только CSS и HTML.
Делаем простое горизонтальное меню
Меню – один из главных элементов на веб-странице. Практически на каждом сайте используется меню, хотя сегодня они настолько разнообразны, что некоторые даже сложно такими назвать. Сегодня мы попробуем сделать простое, но практичное горизонтальное меню, используя только CSS и HTML.
Фильтры CSS в действие
Попробуем приминить фильтры CSS в нашем проекте. Пока что они не так широко используются на веб-пространстве, но в будущем возможно это измениться. Я думаю, лучший способ продемонстрировать все возможности фильтров лучше всего в некой галерее. Так что сегодня мы попробуем создать галерею с помощью CSS фильтров и CSS3 :not селектора.
Интересный вариант FAQ страницы с помощью CSS3
Как правило, FAQ страницы содержат в себе большое количество вопросов и ответов, что делает их очень массивными. Но практически каждый сайт не может обойтись без такой страницы. По-этому в этой статье я расскажу как с помощью CSS3 создать очень привлекательный и компактный вариант такой страницы.