Тот, кто хоть немного связан с созданием web/html-страниц знает, что означает термин в заголовке (CSS — Cascading Style Sheets) и для чего необходим этот язык разметки. Мы не откроем никакой тайны, если скажем, что для создания стилей многие веб-мастера используются различного рода генераторы, которые помогают ускорить процесс разработки страницы или ее шаблона.
Вообще говоря, язык CSS достаточно прост. Но как только производители браузеров приступили к реализации функций CSS3, то все немного усложнилось. Нет — это не стало трудным, но усложнилось. Это объясняется главным образом по двум причинам: во-первых появилось много новых свойств CSS3 (например, переход, градиент, преобразования и т.д.), и во-вторых, мы должны ориентироваться на расширения, используемые конкретным браузером.
Наглядная таблица доступности CSS3-свойств и селекторов, а так же HTML5 тэгов в современных браузерах, начиная от IE6 и заканчивая Opera 10.5. Нет пожалуй только IE9. Но его пока что официально и самого нет.
Возможно Вы когда либо видели, что счетчики на сайте сделаны как бы более прозрачными или тусклыми а при наведении на них курсором приобретают начальные свойства. Мне всегда это нравилось, но я не задумывался а как это делается…
Сегодня я приведу пример реализации данного, достаточно интересного и необычного эффекта без помощи JavaScript а исключительно на CSS.