Наверх
 

Навигация
Опрос
Какие виды уроков Вы хотите видеть на сайте?
Битрикс
DLE
CSS
Joomla
Wordpress
Все для хостинга
Все для фотошопа
Другое

База уроков » » » » Эффект прозрачности для изображений

Эффект прозрачности для изображений

20 июн 2014 | Комментариев: 0 | Просмотров: 1162

Для этого нам понадобится только знание .css и все. Для данного решения мы не используем javascript. Это решение можно использовать не только для DLE а на всех Ваших сайтах.

 

Открываем /templates/Ваш шаблон/css/style.css

Добавляем:


#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}

 

И все картинки, которые хотим сделать с эффектом прозрачности заключаем в div:

<div id="banners">Картинки желаемые</div>

Вот и все готово

 

 




Теги: DLE, CSS3, HTML5

Ссылка на новость:

    html-cсылка на публикацию
    BB-cсылка на публикацию
    Прямая ссылка на публикацию

ЕЩЕ НА ЭТУ ТЕМУ:

Переливающийся текст с помощью JavaScript

Переливающийся текст с помощью JavaScript

В этой статье расскажу как сделать переливающийся текст на javascript.
Адаптирование шаблона dle 9.7 на 9.8

Адаптирование шаблона dle 9.7 на 9.8

Представляем список изменений в шаблонах между версиями DLE 9.7 и 9.8 которые нужно выполнить для обновления сайта под актуальную версию движка.
Адаптирование шаблона dle 9.6 на 9.7

Адаптирование шаблона dle 9.6 на 9.7

Представляем список изменений в шаблонах между версиями DLE 9.6 и 9.7 которые нужно выполнить для обновления сайта под актуальную версию движка.
Слайдшоу с эффектами на HTML5 и jQuery

Слайдшоу с эффектами на HTML5 и jQuery

Красивый слайдшоу с эффектами на HTML5 и jQuery
Навигационное меню темными кнопками

Навигационное меню темными кнопками

Простое меню на CSS3/HTML с эффектом выдавливания в темных тонах.
Красивый эффект анимации для галереи

Красивый эффект анимации для галереи

Эффект, который позволит преобразить вашу галерею фотографий, с помощью библиотеки Raphael и jQuery. Нужно создать три файла: index.html, default.css, init.js
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.