|
@@ -55,14 +55,6 @@
|
|
|
opacity: 1;
|
|
|
}
|
|
|
}
|
|
|
- @keyframes wave {
|
|
|
- from {
|
|
|
- transform: rotate(0deg);
|
|
|
- }
|
|
|
- to {
|
|
|
- transform: rotate(360deg);
|
|
|
- }
|
|
|
- }
|
|
|
.wave {
|
|
|
opacity: 0.6;
|
|
|
position: absolute;
|
|
@@ -74,16 +66,16 @@
|
|
|
margin-left: -3000px;
|
|
|
transform-origin: 50% 48%;
|
|
|
border-radius: 46%;
|
|
|
- animation: wave 72s infinite linear;
|
|
|
pointer-events: none;
|
|
|
+ rotate: 125deg;
|
|
|
}
|
|
|
.wave2 {
|
|
|
- animation: wave 88s infinite linear;
|
|
|
- opacity: 0.3;
|
|
|
+ opacity: 0.4;
|
|
|
+ rotate: 70deg;
|
|
|
}
|
|
|
.wave3 {
|
|
|
- animation: wave 80s infinite linear;
|
|
|
- opacity: 0.1;
|
|
|
+ opacity: 0.2;
|
|
|
+ rotate: 90deg;
|
|
|
}
|
|
|
.under {
|
|
|
background-color: #dbf5ed;
|
|
@@ -156,10 +148,10 @@
|
|
|
background-origin: border-box;
|
|
|
background-clip: padding-box, border-box;
|
|
|
background-size: 300%;
|
|
|
- animation: wave-btn-tara 4s ease infinite;
|
|
|
transition: all 0.5s ease;
|
|
|
width: 100%;
|
|
|
}
|
|
|
+ .dark .wave-btn-bg:hover {animation: wave-btn-tara 4s ease infinite;}
|
|
|
.dark .wave-btn-bg-cl {
|
|
|
background-image: linear-gradient(rgba(13, 14, 33, 0), rgba(13, 14, 33, 0)),
|
|
|
radial-gradient(circle at left top, #006655, #009980, #006655) !important;
|