fix animation in menu,
This commit is contained in:
parent
1cf5187fef
commit
d25cd3523a
@ -35,7 +35,7 @@
|
||||
margin: 0 40%;
|
||||
&:before {
|
||||
@include vendor('transition', (
|
||||
'width #{_duration(transition)} ease',
|
||||
'width #{_duration(transition2)} ease',
|
||||
));
|
||||
content: '';
|
||||
position: absolute;
|
||||
@ -47,6 +47,9 @@
|
||||
width: 0;
|
||||
}
|
||||
&:after {
|
||||
@include vendor('transition', (
|
||||
'opacity #{_duration(transition2)} ease',
|
||||
));
|
||||
opacity: 0;
|
||||
content: attr(data-text);
|
||||
position: absolute;
|
||||
|
@ -52,8 +52,8 @@
|
||||
<ul>
|
||||
<li data-text="Home">Home</li>
|
||||
<li data-text="Websites">Websites</li>
|
||||
<li data-text="Websites">Websites</li>
|
||||
<li data-text="Websites">Websites</li>
|
||||
<li data-text="Projects">Projects</li>
|
||||
<li data-text="Contact">Contact</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
Reference in New Issue
Block a user