improve hero rice

This commit is contained in:
VDawg 2023-10-28 11:54:13 +02:00
parent 5da0d85244
commit bcfd08b0d6

View file

@ -106,8 +106,8 @@
contain: layout style content; contain: layout style content;
} }
.rice-video { .rice-video {
@apply mx-3 rounded-xl transition-all; @apply mx-3 rounded-xl;
transition-duration: 1460ms; transition: all cubic-bezier(0.9, -1, 0.065, 1.8) 1060ms;
position: relative; position: relative;
box-shadow: 0px 0px 44px theme(colors.primary / 80%); box-shadow: 0px 0px 44px theme(colors.primary / 80%);
border: solid 2px theme(colors.sky.400); border: solid 2px theme(colors.sky.400);
@ -115,8 +115,9 @@
background: theme(colors.cyan.300 / 70%); background: theme(colors.cyan.300 / 70%);
& video { & video {
@apply transition-opacity; transition-property: opacity;
transition-duration: 1460ms; transition-duration: inherit;
transition-timing-function: inherit;
opacity: 0.3; opacity: 0.3;
} }