Эффект Bubble с помощью CSS
![Эффект Bubble с помощью CSS](/content/data/4/d5443725f557d8661dfebc17c6782261.jpg?width=200&height=200&mode=crop)
Под эффектом Bubble, я имею в виду "всплытие" картинки на передний план, на подобии того, как это сделано в в операционных системах от Apple. В этой статье я расскажу вам как сделать меню с эффектом Bubble, используя только возможности CSS. И хотя этот метод лишён красивого перехода, как у Apple, он поможет вам сделать меню немного красивее. В статье описано два метода: CSS-спрайты (простейший метод) и метод подмена картинки (более продвинутый).
Распределённые ссылки
![Распределённые ссылки](/content/data/3/rolleverexample.jpg?width=200&height=200&mode=crop)
Распределённые ссылки - это когда у одной ссылки несколько активных областей, которые расположены в разных местах на странице. Это можно использовать для очень симпатичного эффекта и не требует ничего, кроме CSS.
Как всегда, пример - лучший способ показать что мы хотим, а главное объяснить, как это делается.
Улучшаем границы изображения с помощью CSS
![Улучшаем границы изображения с помощью CSS](/content/data/4/doubleborder.jpg?width=200&height=200&mode=crop)
Когда мы используем границу для изображения, мы хотим чтобы результат выглядел более привлекательным. Это, как известно, позволяет отделить картинку от другого контента на странице. Рассмотрим способы отрисовки границы.
Уникальные страницы – отдельные CSS-файлы
![Уникальные страницы – отдельные CSS-файлы](/content/data/0/css-image.jpg?width=200&height=200&mode=crop)
Хотелось бы обсудить следующую тему: как хранить различные CSS стили для уникальных страниц в пределах одного сайта. Думаю, что это достаточно распространенная ситуация… Например у вас есть домашняя станица, которая отличается от блога, который в свою очередь отличается от страницы «about», а все они вместе отличаются от страницы с контактами.
5 простых и полезных свойств CSS
![5 простых и полезных свойств CSS](/content/data/5/flow-img.jpg?width=200&height=200&mode=crop)
В этой статье я расскажу о пяти полезных свойствах CSS, о которых вы, конечно же, знаете, но возможно уже позабыли. Я не буду рассказывать о замечательных свойствах CSS3. Я расскажу о следующих свойствах CSS 2-го стандарта: clip, min-height, white-space, cursor и display. Эти свойства поддерживаются почти всеми браузерами.