web-development/savvy-firebase
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adding latest

Browse Source
This commit is contained in:
dtomlinson
2020-04-04 19:09:25 +01:00
parent 7052ade2ab
commit fa7308339b
2 changed files with 114 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/views/Triangle.vue
View File

@@ -27,6 +27,7 @@
color="rgb(0, 0, 0, 0)"
class="d-flex align-center justify-center flex-column pa-6"
data-aos="zoom-in"
data-aos-duration="3000"
>
<v-card-title>
<span class="display-2 font-weight-bold">Learn more</span>
@@ -57,7 +58,9 @@
flat
color="rgb(0, 0, 0, 0)"
class="d-flex align-center justify-center flex-column pa-6"
data-aos="zoom-in"
data-aos="test-roll"
data-aos-duration="3000"
data-aos-easing="new-easing"
>
<v-card-title>
<span class="display-2 font-weight-bold">See more</span>
@@ -112,4 +115,27 @@ export default {
h1 {
color: white;
}
[data-aos="test-roll"] {
-webkit-transform: translateX(-1000px) rotate(-720deg);
transform: translateX(-1000px) rotate(-720deg);
-webkit-filter: blur(50px);
filter: blur(50px);
opacity: 0;
transition-property: transform, opacity, filter;
&.aos-animate {
-webkit-transform: translateX(0) rotate(0deg);
transform: translateX(0) rotate(0deg);
-webkit-filter: blur(0);
filter: blur(0);
opacity: 1;
}
}
[data-aos] {
body[data-aos-easing="new-easing"] &,
&[data-aos][data-aos-easing="new-easing"] {
transition-timing-function: cubic-bezier(0.25, 1, 0.57, 0.55);
}
}
</style>