Arculat

Atmoszféra & Animáció

Blur halók, glow-k és mikrointerakciók

Blur halók

Sárga blur halók adják meg az oldal meleg, organikus atmoszféráját. Maximum 2-3 darab szekciónként.

3 blur halo elem

Nagy

280x280px, rgba(255,240,18,0.15), blur(80px)

Közepes

200x200px, rgba(255,240,18,0.08), blur(60px)

Kicsi

160x160px, rgba(255,240,18,0.1), blur(50px)

Radiális gradiensek szekciók hátterén a mélység és fókusz érdekében.

radial-gradient — bal oldali fókusz

radial-gradient — jobb felső fókusz

Finom, konzisztens hover effektek minden interaktív elemen.

Kartya hover

Hover-re emelkedik: translateY(-2px) + shadow.

transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.08)

Gomb hover

transform: scale(1.03); box-shadow: 0 4px 20px rgba(255,240,18,0.4)

Három szintű sárga glow az intenzitás alapján.

Finom

Input focus, kis elemek

0 2px 8px rgba(255,240,18,0.3)

Közepes

Gomb hover

0 4px 20px rgba(255,240,18,0.4)

Erős

CTA kiemelés

0 8px 30px rgba(255,240,18,0.5)

Minden animáció 200ms ease alapértelmezéssel.

Elem	Tulajdonság	Érték
Kártya hover	transform, box-shadow	`200ms ease`
Gomb hover	transform, box-shadow, background	`200ms ease`
Link szín	color	`200ms ease`
Accordion ikon	transform (rotate)	`200ms ease`
Fade in	opacity	`200ms ease`

Kattintásra forgó chevron ikon sárga körben.

Zart allapot — 0°