schulze/schulzestudio
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix animation in menu,

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/css/layout/_nav.scss
View File

@ -35,7 +35,7 @@
margin: 0 40%; margin: 0 40%;
&:before { &:before {
@include vendor('transition', ( @include vendor('transition', (
'width #{_duration(transition)} ease', 'width #{_duration(transition2)} ease',
)); ));
content: ''; content: '';
position: absolute; position: absolute;
@ -47,6 +47,9 @@
width: 0; width: 0;
} }
&:after { &:after {
@include vendor('transition', (
'opacity #{_duration(transition2)} ease',
));
opacity: 0; opacity: 0;
content: attr(data-text); content: attr(data-text);
position: absolute; position: absolute;

4
src/index.html
View File

@ -52,8 +52,8 @@
<ul> <ul>
<li data-text="Home">Home</li> <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="Websites">Websites</li> <li data-text="Contact">Contact</li>
</ul> </ul>
</div> </div>