CSS מותאם
Custom CSSכתיבת CSS לכל אלמנט, לכל עמוד או לאתר כולו, ישירות בעורך ועם תצוגה חיה.
selector {
position: relative;
padding: 40px 36px;
border-radius: 24px;
background: #fff;
box-shadow: 0 0 0 1px #e4defe, 0 18px 40px -22px rgba(77, 47, 214, 0.5);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
selector::before {
content: "";
position: absolute;
inset: -2px;
z-index: -1;
border-radius: 26px;
background: linear-gradient(135deg, #6c47ff, #ff5c8a, #6c47ff);
filter: blur(14px);
opacity: 0.35;
transition: opacity 0.3s ease;
}
selector:hover {
transform: translateY(-4px);
box-shadow: 0 0 0 1px #b9a8ff, 0 28px 52px -22px rgba(77, 47, 214, 0.6);
}
selector:hover::before {
opacity: 0.7;
}
selector .elementor-heading-title {
color: #23186b;
}selector .elementor-heading-title {
background: linear-gradient(90deg, #6c47ff, #ff5c8a, #ffb020, #6c47ff);
background-size: 300% 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: cs-demo-shift 6s linear infinite;
}
@keyframes cs-demo-shift {
to { background-position: 300% 0; }
}
@media (prefers-reduced-motion: reduce) {
selector .elementor-heading-title { animation: none; }
}selector .cs-tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 16px;
border-radius: 999px;
background: #f1edff;
color: #33266e;
font-weight: 700;
transition: background 0.2s ease, color 0.2s ease;
}
selector .cs-tag::before {
content: "#";
color: #6c47ff;
}
selector .cs-tag:hover {
background: #6c47ff;
color: #fff;
}
selector .cs-tag:hover::before {
color: #fff;
}