Главная » Файлы » Прочие скрипты » CSS

Простые подсказки на css3 для uCoz
24.06.14, 14:24:49



Замечательные простые подсказки на css3 без использования скриптов и прочих лишних премудростей

Для начала посмотрите ДЕМО

Установка:

В самый низ вашего css вставляйте:
Код
*[title] {  
display: inline;  
position: relative;  
}  

*[title]:hover:after{  
background: #555;  
background: rgba(0,0,0,0.8);  
border-radius: 3px;  
bottom: 26px;  
color: #fff;  
content: attr(title);  
left: 20%;  
padding: 5px 15px;  
position: absolute;  
z-index:999999999;  
min-width: 120px;  
min-height:25px;  
}  

*[title]:hover:before{  
border: solid;  
border-color: #333 transparent;  
border-width: 6px 6px 0 6px;  
bottom: 20px;  
content: "";  
left: 50%;  
position: absolute;  
z-index: 99;  
}


Материал доработан Apocalypse
Категория: CSS | Добавил: Apocalypse | Теги: подсказки, CSS3, Простые, ucoz, для, на
Просмотров: 502 | Загрузок: 0 | Рейтинг: 5.0/1
Всего комментариев: 0
Имя *:
Email: