l-morphic-card

Carduri interactive cu efecte luminomorfice. Magnetic attraction, depth shadows, flip content și click ripples.

Carduri cu Efecte Diferite

Magnetic Card

Cardul se atrage spre mouse cu efecte 3D și glow dinamic.

Magnetic 3D Depth

👨‍💻

Alex Dev

Frontend Developer

Click pentru detalii →

Detalii Contact

📧 alex@example.com

📱 +40 123 456 789

🌍 București, România

150+

Proiecte

Ani exp

High Intensity

Efecte puternice de atracție magnetică și lift înalt.

High Depth Strong Attraction High Lift

Demo Interactiv cu Controale

Card Configurabil

Modifică setările din panoul de mai jos și observă efectele în timp real.

Default Settings

Partea din Spate

Acesta este conținutul din spatele cardului.

Click din nou pentru a reveni.

Controale Interactive

Efect Magnetic

Flip Content

Culoare Glow

Profunzime 3D 1.0

Forța Atracției 0.3

Înălțime Hover 10

Evenimente Custom

Componenta emite evenimente personalizate:

card-hover - când mouse-ul intră/iese din card
card-click - la click pe card
card-flip - când cardul se flip-ează

                Eventi vor apărea aici...
            

Utilizare în Cod

<l-morphic-card 
    magnetic="true"
    flip-enabled="true"
    glow-color="#00ffff"
    depth="1.2"
    attraction-strength="0.4"
    hover-lift="15">
    <div slot="front">Front content</div>
    <div slot="back">Back content</div>
</l-morphic-card>