ourworld_web/www_circl
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit

Browse Source
This commit is contained in:
sasha-astiadi
2025-05-07 14:54:45 +02:00
parent e3d6b2f0f9
commit e1d084aca5
3 changed files with 67 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
dist/output.css vendored
View File

@@ -1568,6 +1568,50 @@ body:is(.dark *) {
transition-duration: 500ms;
}
.pricing-card {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.pricing-card:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-color: rgb(255 255 255 / 0.05);
}
.pricing-card {
box-shadow: 0 0 0 rgba(255, 255, 255, 0);
}
.pricing-card:hover {
box-shadow: 0 0 60px rgba(255, 255, 255, 0.15);
}
.pricing-card.popular {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 500ms;
}
.pricing-card.popular:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
background-color: rgb(255 255 255 / 0.15);
}
.pricing-card.popular {
box-shadow: 0 0 30px rgba(107, 114, 128, 0.3);
border: 1px solid transparent;
}
.pricing-card.popular:hover {
box-shadow: 0 0 100px rgba(107, 114, 128, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.fade-up {
opacity: 0;
transform: translateY(30px);