mirror of
https://github.com/koodo-reader/koodo-reader.git
synced 2026-10-05 12:30:47 -04:00
feat(account): add glowing animation to pro banner trial button in light theme
This commit is contained in:
1 parent
ce854c31e3
commit
c9b3ac57cb
1 file changed
+16
-7
@@ -681,19 +681,25 @@
|
||||
:root[data-theme="dark"] .pro-banner-btn-trial {
|
||||
color: rgba(235, 235, 235, 1);
|
||||
}
|
||||
@keyframes pro-banner-btn-trial-glow {
|
||||
to {
|
||||
box-shadow: 0 0 10px 2px rgba(90, 120, 220, 0.45);
|
||||
}
|
||||
}
|
||||
.pro-banner-btn-trial::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: -1px;
|
||||
inset: -2px;
|
||||
border-radius: inherit;
|
||||
padding: 1px;
|
||||
padding: 2px;
|
||||
background: conic-gradient(
|
||||
from var(--pro-banner-btn-trial-angle),
|
||||
rgba(0, 0, 0, 0.35),
|
||||
rgba(0, 0, 0, 1) 90deg,
|
||||
rgba(0, 0, 0, 0.35) 180deg,
|
||||
rgba(90, 120, 220, 0.9) 270deg,
|
||||
rgba(0, 0, 0, 0.35)
|
||||
rgba(32, 33, 36, 0.4),
|
||||
rgba(32, 33, 36, 1) 60deg,
|
||||
rgba(32, 33, 36, 0.4) 130deg,
|
||||
rgba(77, 112, 235, 1) 230deg,
|
||||
rgba(150, 90, 235, 1) 270deg,
|
||||
rgba(32, 33, 36, 0.4)
|
||||
);
|
||||
-webkit-mask:
|
||||
linear-gradient(#fff 0 0) content-box,
|
||||
@@ -721,6 +727,9 @@
|
||||
--pro-banner-btn-trial-angle: 360deg;
|
||||
}
|
||||
}
|
||||
:root[data-theme="light"] .pro-banner-btn-trial {
|
||||
animation: pro-banner-btn-trial-glow 1.8s ease-in-out infinite alternate;
|
||||
}
|
||||
|
||||
/* AI Setting styles */
|
||||
.ai-setting-form-row {
|
||||
|
||||
Reference in new issue
Block a user