Не получается скопировать эффект
Не получается вытащить эффект появления трех точек при наведении на пункт меню.
http://demo.yosoftware.com/?t=Berg-WP
Нашел
Код:
#main-navbar .main-nav > ul > li > a:before {
position: absolute;
top: 20px;
left: 50%;
color: transparent;
content: "\2022";
text-shadow: 0 0 transparent;
font-size: 0.7em;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
-webkit-transition: -webkit-transform 0.3s, color 0.3s, text-shadow 0.3s;
-moz-transition: -moz-transform 0.3s, color 0.3s, text-shadow 0.3s;
-o-transition: -o-transform 0.3s, color 0.3s, text-shadow 0.3s;
transition: -webkit-transform 0.3s,-moz-transform 0.3s,-o-transform 0.3s,transform 0.3s, color 0.3s, text-shadow 0.3s;
pointer-events: none;
font-weight: 400;
}
Подключил FontAwesome, но как этот стиль срабатывает при наведении курсора? |