feat: blog modal with animation, replace trial form with product/location/webhook widget
This commit is contained in:
@@ -15,3 +15,33 @@ body {
|
||||
color: #201824;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
/* ── Blog post modal animations ───────────────────────── */
|
||||
|
||||
@keyframes modal-slide-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(0.95) translateY(20px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: scale(1) translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes modal-fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.modal-animate-box {
|
||||
animation: modal-slide-in 0.3s cubic-bezier(0.16, 1, 0.3, 1) both;
|
||||
}
|
||||
|
||||
.modal-animate-backdrop {
|
||||
animation: modal-fade-in 0.2s ease both;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user