css: remove mouse scroll animation
This commit is contained in:
parent
5341ac222f
commit
14c89636f9
|
@ -332,16 +332,6 @@ div#main-content {
|
|||
-moz-column-count: 2;
|
||||
-webkit-column-count: 2;
|
||||
column-gap: 3em;
|
||||
&.mouse_scroll {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 28px;
|
||||
height: 100px;
|
||||
margin-top: 25px;
|
||||
column-count: 1;
|
||||
-moz-column-count: 1;
|
||||
-webkit-column-count: 1;
|
||||
}
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
column-count: 1;
|
||||
-moz-column-count: 1;
|
||||
|
@ -1033,75 +1023,6 @@ div#nav {
|
|||
display: none;
|
||||
}
|
||||
|
||||
/* scroll down animation effect */
|
||||
/* credits from https://codepen.io/rightblog/pen/EagNMN */
|
||||
|
||||
.m_scroll_arrows {
|
||||
display: block;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
-ms-transform: rotate(45deg); /* IE 9 */
|
||||
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
|
||||
transform: rotate(45deg);
|
||||
border-right: 2px solid #000;
|
||||
border-bottom: 2px solid #000;
|
||||
margin: 0 0 3px 4px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.one {
|
||||
margin-top: 1px;
|
||||
-webkit-animation-delay: .1s;
|
||||
-moz-animation-delay: .1s;
|
||||
-webkit-animation-direction: alternate;
|
||||
}
|
||||
|
||||
.one, .two, .three {
|
||||
-webkit-animation: mouse-scroll 1s infinite;
|
||||
-moz-animation: mouse-scroll 1s infinite;
|
||||
}
|
||||
|
||||
.two {
|
||||
-webkit-animation-delay: .2s;
|
||||
-moz-animation-delay: .2s;
|
||||
-webkit-animation-direction: alternate;
|
||||
margin-top: -6px;
|
||||
}
|
||||
|
||||
.three {
|
||||
-webkit-animation-delay: .3s;
|
||||
-moz-animation-delay: .3s;
|
||||
-webkit-animation-direction: alternate;
|
||||
margin-top: -6px;
|
||||
}
|
||||
|
||||
|
||||
.mouse {
|
||||
height: 42px;
|
||||
width: 24px;
|
||||
border-radius: 14px;
|
||||
transform: none;
|
||||
border: 2px solid #000;
|
||||
top: 170px;
|
||||
}
|
||||
|
||||
.wheel {
|
||||
height: 5px;
|
||||
width: 2px;
|
||||
display: block;
|
||||
margin: 5px auto;
|
||||
background: white;
|
||||
position: relative;
|
||||
height: 4px;
|
||||
width: 4px;
|
||||
border: 2px solid #000;
|
||||
-webkit-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
-webkit-animation: mouse-wheel 0.6s linear infinite;
|
||||
-moz-animation: mouse-wheel 0.6s linear infinite;
|
||||
}
|
||||
|
||||
/* a2 password widgets */
|
||||
.helptext.a2-password-ok, .helptext.a2-password-nok {
|
||||
background: #d5eee0;
|
||||
|
@ -1129,51 +1050,3 @@ div#nav {
|
|||
background: #fbd3d3;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes mouse-wheel {
|
||||
0% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(6px);
|
||||
-ms-transform: translateY(6px);
|
||||
transform: translateY(6px);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes mouse-wheel {
|
||||
0% { top: 1px; }
|
||||
25% { top: 2px; }
|
||||
50% { top: 3px;}
|
||||
75% { top: 2px;}
|
||||
100% { top: 1px;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes mouse-scroll {
|
||||
0% { opacity: 0;}
|
||||
50% { opacity: .5;}
|
||||
100% { opacity: 1;}
|
||||
}
|
||||
|
||||
@-moz-keyframes mouse-scroll {
|
||||
0% { opacity: 0; }
|
||||
50% { opacity: .5; }
|
||||
100% { opacity: 1; }
|
||||
}
|
||||
|
||||
@-o-keyframes mouse-scroll {
|
||||
0% { opacity: 0; }
|
||||
50% { opacity: .5; }
|
||||
100% { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes mouse-scroll {
|
||||
0% { opacity: 0; }
|
||||
50% { opacity: .5; }
|
||||
100% { opacity: 1; }
|
||||
}
|
||||
|
|
Reference in New Issue