2 lines
1.0 KiB
JavaScript
2 lines
1.0 KiB
JavaScript
import{x as n,r as e,_ as s,t}from"./card-b98d578d.js";import{B as o}from"./base-91ab3d27.js";let a=class extends o{render(){return n`<span class="ghost">👻</span>`}static get styles(){return e(":host {\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: opacity 1.5s ease-in;\n}\n\n.ghost {\n font-size: 10em;\n color: #ffffff;\n user-select: none;\n pointer-events: none;\n opacity: 0.5;\n filter: drop-shadow(0 0 20px #ffffff) drop-shadow(0 0 40px #e0e0e0) drop-shadow(0 0 60px #c0c0c0);\n animation: ghost-float 3s ease-in-out infinite;\n}\n\n@keyframes ghost-float {\n 0%, 100% {\n transform: translateY(0);\n filter: drop-shadow(0 0 20px #ffffff) drop-shadow(0 0 40px #e0e0e0) drop-shadow(0 0 60px #c0c0c0);\n }\n 50% {\n transform: translateY(-10px);\n filter: drop-shadow(0 0 30px #ffffff) drop-shadow(0 0 60px #e0e0e0) drop-shadow(0 0 90px #c0c0c0);\n }\n}")}};a=s([t("advanced-camera-card-effect-ghost")],a);export{a as AdvancedCameraCardEffectGhost};
|