~> Веб технологии ~> CSS


i.up {display:block; /*position:fixed; right:50px; bottom:60px;*/ cursor: pointer; width:50px; height:50px; border:5px solid #ddd; border-radius:40px;}
i.up:before, i.up:after {display:block; }
i.up:before {content:""; width:0; height:0; margin:10px 0 0 10px; border-style:solid; border-width:0 15px 15px; border-color:#ddd transparent;}
i.up:after {content:"up"; width:10px; height:15px; margin:0 0 0 20px; background:#ddd; font-size: 11px; line-height:0; color:#aaa;}
i.up:hover {border-color:#bbb; text-shadow:0 0 2px #999;}
i.up:hover:before {border-color:#bbb transparent;}
i.up:hover:after {background:#bbb; color:#eee;}

Страница просмотрена раз: 597

Репост в ВК