|
Сообщение от obli
|
|
неохото вникать полность в js из за одного примера
|
Согласен. Именно поэтому я бы предпочел такой вариант (количество js кода = 0 строк):
<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<title></title>
<style>
div, h1 {
opacity: 0.3;
cursor: pointer;
transition: opacity 0.6s ease-in;
}
div:hover, h1:hover {
opacity: 1;
transition: opacity 0.2s ease-out;
}
div {
width:100px;
height:100px;
background:#0F0;
border: 5px #FFF solid;
float:left;
}
</style>
<h1>Наведите на меня</h1>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</html>
Кстати код полностью валидный (правда не проверял)