Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Add fade in to lazyloads

Browse source
This commit is contained in:
Sam Carlton 2020-12-27 10:53:53 -06:00
parent 7cf5d488e5
commit 0f29c14040
1 changed files with 20 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/css/tailwind.css
View file

@ -61,6 +61,26 @@
* @import "utilities/skew-transforms"; * @import "utilities/skew-transforms";
*/ */
.ease {
transition-property: all;
transition-duration: 400ms;
/* easeInOutQuart */
/* https://easings.net/en#easeInOutQuart */
transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}
.lazyload,
.lazyloading {
opacity: 0;
}
.lazyloaded {
@apply ease;
transition-property: opacity;
opacity: 1;
}
.neumorphic-shadow, .neumorphic-shadow,
.hover\:neumorphic-shadow:hover { .hover\:neumorphic-shadow:hover {
/* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */ /* box-shadow: -0.25rem -0.25rem 0.5rem rgba(255, 255, 255, 0.07); */