вопрос
Здравствуйте ув. Пользователи и знатоки DLE и Верстки.
Прошу Вас помочь мне с моим вопросом.
Мне нужен скрипт hover эффектов, лазил в интернете - нашел только мусор.
Например:
Нужно чтобы ссылка при наведении плавно изменяла свой цвет.
Нужно чтобы прозрачность картинки плавно изменялась.
Нужно чтобы фон плавно изменялся.
вообщем (у меня по русскому языку двойка, я не знаю, что в русском языке не существует слова вообщем) желательно простое решение проблемы.
Готов вознаградить за хорошее и простое в применение решение.
Прошу Вас помочь мне с моим вопросом.
Мне нужен скрипт hover эффектов, лазил в интернете - нашел только мусор.
Например:
Нужно чтобы ссылка при наведении плавно изменяла свой цвет.
.stil a {color: #fff;}
.stil a:hover {color: #000;}
Ссылка
Нужно чтобы прозрачность картинки плавно изменялась.
.stil img {opacity: 0.5;}
.stil img:hover {opacity: 1.0;}
Нужно чтобы фон плавно изменялся.
.kvadrat {background: url("image.jpg") repeat-x;}
.kvadrathover {background: url("image2.jpg") repeat-x;}
Контент
вообщем (у меня по русскому языку двойка, я не знаю, что в русском языке не существует слова вообщем) желательно простое решение проблемы.
Готов вознаградить за хорошее и простое в применение решение.
Допиши в
Итог
.stil img {
opacity: 0.5;
}
.stil img:hover {
opacity: 1.0;
}
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
Итог
.stil img {
opacity: 0.5;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.stil img:hover {
opacity: 1.0;
}