8/30/2016

Menu boczne w kółeczkach (Mia)

Czerwoną czcionką zaznaczyłam to, co można zmieniać:
#PageList1 a {
color: #transparent; /* przezroczystość czcionki*/
width: 30px; /* szerokość*/
height: 25px; /* wysokość*/
background:#fff; /* kolor tła*/display:block;
text-transform:uppercase; /* czcionka drukowana*/border-style: solid;border-width: 2px;border-radius: 50%; /* zaokrąglenie*/
}
#PageList1 a:hover {
width: 80px;
padding: 10px;
background: #97B7EA;border-style: dashed;border-color: #97B7EA;margin-right: -60px;
 transform: translate(-20px,0px);
 -ms-transform: translate(-20px,0px); /* IE 9 */
 -webkit-transform: translate(-20px,0px); /* Safari i Chrome */
 -o-transform: translate(-20px,0px); /* Opera */
 -moz-transform: translate(-20px,0px); /* Firefox */
 transition:all 1s;
 -moz-transition:all 1s;
 -webkit-transition:all 1s;
 -o-transition:all 1s;
 border-right: 20px #161857 solid; /* szerokość i kolor prawego boku*/
}

Brak komentarzy:

Prześlij komentarz