样式修改
This commit is contained in:
1 parent
03dff2ce77
commit
556d23ade5
5 files changed
+160
-56
No files matched your search
@@ -752,3 +752,62 @@
|
||||
--container-width-md: calc(var(--spacing) * 204);
|
||||
--container-width-lg: calc(var(--spacing) * 256);
|
||||
}
|
||||
|
||||
/* ── Landing 态输入框 Gemini 风格:旋转彩色描边 + 多色柔光阴影 ───────── */
|
||||
/* 关键:::before 转动的彩色锥形渐变 + ::after 内嵌白板遮罩中央,只在 1.5px 边缘可见模糊彩光 */
|
||||
.gemini-shadow {
|
||||
box-shadow:
|
||||
0 0 20px rgba(66, 133, 244, 0.10),
|
||||
0 0 40px rgba(219, 68, 55, 0.05),
|
||||
0 0 60px rgba(244, 180, 0, 0.05),
|
||||
0 0 80px rgba(15, 157, 88, 0.05);
|
||||
}
|
||||
.dark .gemini-shadow {
|
||||
box-shadow:
|
||||
0 0 24px rgba(66, 133, 244, 0.20),
|
||||
0 0 48px rgba(219, 68, 55, 0.10),
|
||||
0 0 72px rgba(244, 180, 0, 0.10),
|
||||
0 0 96px rgba(15, 157, 88, 0.10);
|
||||
}
|
||||
|
||||
.gemini-gradient-border {
|
||||
position: relative;
|
||||
background: var(--background);
|
||||
border-radius: 1.5rem;
|
||||
z-index: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.gemini-gradient-border::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
background: conic-gradient(
|
||||
from 0deg,
|
||||
#4285F4 0deg,
|
||||
#DB4437 90deg,
|
||||
#F4B400 180deg,
|
||||
#0F9D58 270deg,
|
||||
#4285F4 360deg
|
||||
);
|
||||
z-index: -2;
|
||||
animation: gemini-rotate 4s linear infinite;
|
||||
filter: blur(10px);
|
||||
pointer-events: none;
|
||||
}
|
||||
.gemini-gradient-border::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
inset: 2.5px;
|
||||
background: var(--background);
|
||||
border-radius: calc(1.5rem - 2px);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@keyframes gemini-rotate {
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user