fix animation in menu,

This commit is contained in:
Thefeli73 2020-02-17 16:07:46 +01:00
parent 1cf5187fef
commit d25cd3523a
2 changed files with 6 additions and 3 deletions

View File

@ -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;

View File

@ -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>