23-10-2014, 02:58
(Ten post był ostatnio modyfikowany: 23-10-2014, 02:59 przez Kartofelek.)
Teraz dopiero zauwazylem, ze caly laj na obrazkach. W sumie czemu nie.
Chociaż na tyle elemtentów to to powinno być zbudowane z listy LI które by zawieraly linki
z .icon (koleczko) ktore by mialo w sobie svg
Dzięki temu bys mial 0 problemow ze skalowalnoscia (i obsluzyl retine), a dodatkowo mogl bys uzyc np animacji.
wiec pewnie gdybym ja to robil to u mnie element o mnie wygladal by tak:
Takie: http://jsfiddle.net/42enubqj/
Chociaż na tyle elemtentów to to powinno być zbudowane z listy LI które by zawieraly linki
z .icon (koleczko) ktore by mialo w sobie svg
Dzięki temu bys mial 0 problemow ze skalowalnoscia (i obsluzyl retine), a dodatkowo mogl bys uzyc np animacji.
wiec pewnie gdybym ja to robil to u mnie element o mnie wygladal by tak:
Kod:
<li>
<a href="">
<span class="icon"> ... tutaj svg .... </span>
<strong>O mnie</strong>
</a>
</li>Kod:
.menuomnie {
background : #AD0D0D;
width:236px;
height:246px;
float:left;
position: relative;
}
.menuomnie .icon {
position:absolute;
left:50%;
top:85px;
margin-left:-52px;
margin-top:-52px;
width:104px;
height:104px;
background-color: #CF1717;
border-radius:50%;
display:block;
line-height:105px;
text-align:center;
transition:0.5s;
}
.menuomnie strong {
display:block;
text-align:center;
color:#fff;
text-transform:uppercase;
font-size:24px;
position:absolute;
bottom:40px;
left:0;
width:100%;
font-family:sans-serif;
}
.menuomnie:hover .icon {
transform:scale(1.3);
background-color: #ED4B4B;
box-shadow:0 0 10px #ED4B4B;
}Takie: http://jsfiddle.net/42enubqj/
