31:I[8054,["/_next/static/chunks/0n8co495bugh0.js","/_next/static/chunks/0csmpwpm9scwv.js","/_next/static/chunks/2tf14-0oaa2ok.js","/_next/static/chunks/32u7gfw7_j3cs.js"],"EffectCard"] 32:T96b,33:Tc9d,.fx-modal-ember-shortcuts { position: relative; width: 300px; height: 190px; overflow: hidden; border-radius: 14px; border: 1px solid rgba(251, 146, 60, 0.2); background: linear-gradient(165deg, #201812, #0c0907); font-family: system-ui, "Segoe UI", sans-serif; color: #f6e8dc; } .fx-modal-ember-shortcuts-gate { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } .fx-modal-ember-shortcuts-page { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; } .fx-modal-ember-shortcuts-open { padding: 9px 20px; border-radius: 8px; border: 1px solid rgba(251, 146, 60, 0.44); background: rgba(251, 146, 60, 0.1); color: #fdba74; font-size: 12.5px; cursor: pointer; } .fx-modal-ember-shortcuts-veil { position: absolute; inset: 0; background: rgba(8, 5, 3, 0.72); opacity: 0; visibility: hidden; pointer-events: none; cursor: pointer; transition: opacity 0.28s ease, visibility 0.28s; } .fx-modal-ember-shortcuts-card { position: absolute; inset: 20px 16px; display: flex; flex-direction: column; gap: 8px; padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(251, 146, 60, 0.26); background: #16110d; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(38px); transition: opacity 0.26s ease, transform 0.42s cubic-bezier(0.2, 1, 0.3, 1), visibility 0.42s; } .fx-modal-ember-shortcuts-title { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; font-weight: 600; } .fx-modal-ember-shortcuts-close { padding: 1px 7px; border-radius: 5px; border: 1px solid rgba(251, 146, 60, 0.34); color: #c99b76; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 9px; cursor: pointer; } .fx-modal-ember-shortcuts-cols { display: flex; gap: 12px; } .fx-modal-ember-shortcuts-col { flex: 1; display: flex; flex-direction: column; gap: 6px; } .fx-modal-ember-shortcuts-item { display: flex; align-items: center; justify-content: space-between; gap: 6px; } .fx-modal-ember-shortcuts-act { font-size: 10px; color: #c0aa99; } .fx-modal-ember-shortcuts-keys { display: flex; gap: 3px; } .fx-modal-ember-shortcuts-cap { min-width: 15px; padding: 1px 3px; text-align: center; border-radius: 4px; border: 1px solid rgba(251, 146, 60, 0.3); background: rgba(251, 146, 60, 0.1); color: #fdba74; font-family: "JetBrains Mono", ui-monospace, monospace; font-size: 9px; } .fx-modal-ember-shortcuts-gate:checked ~ .fx-modal-ember-shortcuts-veil { opacity: 1; visibility: visible; pointer-events: auto; } .fx-modal-ember-shortcuts-gate:checked ~ .fx-modal-ember-shortcuts-card { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); animation: fx-modal-ember-shortcuts-glow 2.6s ease-in-out 0.4s infinite; } @keyframes fx-modal-ember-shortcuts-glow { 0% { box-shadow: 0 18px 34px rgba(0, 0, 0, 0.6), 0 0 0 rgba(251, 146, 60, 0); } 50% { box-shadow: 0 18px 34px rgba(0, 0, 0, 0.6), 0 0 20px rgba(251, 146, 60, 0.34); } 100% { box-shadow: 0 18px 34px rgba(0, 0, 0, 0.6), 0 0 0 rgba(251, 146, 60, 0); } }5:["$","main",null,{"className":"page-shell","children":[["$","script",null,{"type":"application/ld+json","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"[{\"@context\":\"https://schema.org\",\"@type\":\"BreadcrumbList\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ana sayfa\",\"item\":\"https://librarycss.com/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"#shortcuts\",\"item\":\"https://librarycss.com/etiket/shortcuts\"}]},{\"@context\":\"https://schema.org\",\"@type\":\"CollectionPage\",\"name\":\"shortcuts CSS efektleri\",\"description\":\"\\\"shortcuts\\\" etiketli ücretsiz CSS efektleri.\",\"url\":\"https://librarycss.com/etiket/shortcuts\",\"inLanguage\":\"tr-TR\",\"mainEntity\":{\"@type\":\"ItemList\",\"numberOfItems\":1,\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Ember Shortcuts Modal\",\"url\":\"https://librarycss.com/efekt/modal-ember-shortcuts\"}]}}]"}}],["$","div",null,{"className":"page-container max-w-[1500px]","children":[["$","nav",null,{"aria-label":"Site haritası","className":"min-w-0","children":["$","ol",null,{"className":"flex flex-wrap items-center gap-1 text-xs text-[color:var(--muted)]","children":[["$","li","/",{"className":"flex min-w-0 items-center gap-1","children":[false,["$","$L17",null,{"href":"/","className":"truncate hover:text-[color:var(--foreground)]","children":"Ana sayfa"}]]}],["$","li","/etiket/shortcuts",{"className":"flex min-w-0 items-center gap-1","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":12,"height":12,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-chevron-right shrink-0 text-[color:var(--faint)]","aria-hidden":true,"children":[["$","path","mthhwq",{"d":"m9 18 6-6-6-6"}],"$undefined"]}],["$","span",null,{"className":"truncate font-medium text-[color:var(--foreground)]","aria-current":"page","children":"#shortcuts"}]]}]]}]}],["$","header",null,{"className":"mt-4","children":[["$","h1",null,{"className":"text-3xl font-bold tracking-[-0.04em] text-[color:var(--foreground)] sm:text-4xl","children":["#","shortcuts"," CSS efektleri"]}],["$","p",null,{"className":"mt-3 max-w-3xl text-sm leading-6 text-[color:var(--muted)]","children":["\"","shortcuts","\" etiketiyle eşleşen ","1"," ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez."]}]]}],[["$","h2",null,{"className":"sr-only","children":"#shortcuts etiketli efektler"}],["$","div",null,{"className":"mt-7 grid gap-5 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4","children":[["$","$L31","modal-ember-shortcuts",{"effect":{"id":"modal-ember-shortcuts","title":"Ember Shortcuts Modal","category":"Modals","description":"A shortcut sheet lifts from below and its border keeps breathing with a warm ember glow.","tags":["modal","shortcuts","keyboard","keyframes"],"html":"$32","css":"$33","previewVideoUrl":null},"compact":false}]]}]],"$L34","$L35",null]}]]}]

#shortcuts etiketli efektler

Ember Shortcuts Modal

Popüler etiketler