huhu,
trotz eindeutiger browser engine -webkit-, läuft die transition unter safari nicht. hat vllt. einer eine lösung für das problem?
Code
.links {
li {
display: inline;
}
a{
color: @color;
font-size: @font-size / 1.25;
padding: .2em;
&::before, &::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
&::before{
margin-right: 5px;
color: @green;
content: '{';
.transform(translateX(20px));
}
&::after{
margin-left: 5px;
content: '}';
color: @green;
.transform(translateX(-20px));
}
&:hover::before, &:hover::after, &:focus::before, &:focus::after{
opacity: 1;
.transform(translateX(0px));
}
&:last-child{
padding-right: 0;
margin: 0;
}
}
}