SEO Сообщество: Спрашивайте и помогайте
Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
Trueline
19.04.2017 17:15
1 286
Поможем улучшить ваш сайт.
<div class="razdel">
<span>Название раздела</span>
<b><b>
<ul>
<li>Пункт<li>
<li>Пункт<li>
<li>Пункт<li>
<li>Пункт<li>
</ul>
<div>
.razdel{width:150px;height:250px;position:relative;background:url(.....) no-repeat;overflow:hidden;}
.b{position:absolute;width:150px;height:30px;z-index:2;top:0;left:0;opacity:.7;background:#цвет который нужен}
.razdel:hover b{height:250px;}
.razdel ul{list-style:none;margin:0;padding:0;position:absolute;top:30px;left:-250px;}
.razdel:hover ul{left:0;}
.razdel ul li a{display:block;line-height:30px;border-bottom;2px solid #fff;text-decoration:none;color:#fff;}
.razdel ul li a:hover{background:#цвет который нужен;}
.razdel span{line-height:30px;position:absolute;top:0;left:0;display:block;width:150px;color:yellow;}
.razdel, .razdel:hover, .razdel b, .razdel:hover b, .razdel ul, .razdel:hover ul{transition:300ms;-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;-khtml-transition:300ms;}
.razdel span, .razdel ul{z-index:3;}