Bizonyára sokan találkoztatok már különféle weboldalakon a különböző képi elemek tükrözésével. Főleg az Apple designjaira jellemző, hogy szinte minden képet tükröződve mutatnak. De még ilyen messzire sem kell menni, elég ha ennek a weboldalnak a fejlécét nézitek, és máris látni fogjátok miről beszélek. Most megmutatom, hogy hogyan lehet ezt a hatást CSS 3 segítségével elérni. tovább…
CSS 3 átmenetek
Az előző posztokban láthattuk, hogy a CSS pszeudo-osztályok segítségével más-más stílust adhatunk egy elemnek annak állapotától függően. De hogyan érhetjük el, hogy a stílusátmenet ne hirtelen, hanem fokozatosan történjen? A CSS 3 transition tulajdonsága lehetőséget ad arra, hogy ilyen effekteket Javascript nélkül is létre tudjunk hozni. tovább…
CSS 3 pszeudo-osztályok
Miután megismerkedtünk a CSS 1 és 2-ben bevezetett pszeudo-osztályokkal, ideje megnézni, hogy mi újat hoz ezen a területen a CSS 3. Aki azt várja, hogy rengeteg új lehetőséget kapunk ezen a területen, nem fog csalódni. tovább…
Hozzászólások kikapcsolva
Text Selection Color
Most egy érdekességet szeretnék röviden bemutatni, ami egy korábbi szakaszban része volt a CSS 3 specifikációnak. Azóta kivették belőle, de addigra már több böngésző is támogatta, így a Gecko (Firefox), Presto (Opera) és a Webkit (Safari, Chrome) alapú böngészőkben fenn maradt. tovább…
CSS 3 word-wrap
Köztudott, hogy a Microsoft nem igazán jár élen sem a CSS 3 szabvány alakításában sem pedig az adaptációjában. De kivétel erősíti a szabályt, ahogy mondják, ugyanis most egy olyan CSS 3 újításról lesz szó, amelyet a Microsoft javasolt, így azt még az Internet Explorer is támogatja.
Áttetszőség beállítása
No, itt van talán az egyik legegyszerűbben alkalmazható CSS 3 technika, az egyes objektumok áttetszőségének beállítása. Sok design-elem épít az egyes komponensek részleges átlátszóságára, hiszen ez a térhatás kialakításának az egyik egyszerű és látványos módja. tovább…
Kerekített sarkok CSS 3 módra
A sarkok lekerekítése a web 2.0 stílusú design szent grálja. Hovatovább úgy érezzük, hogy már mindenütt ott vannak, és az a felüdülés, ha valahol szögletes sarkot láthatunk. Ezért is van ezen a blogon ez a hasáb szögletes sarkokkal ellátva 
tovább…
A @font-face szabály
Web designerként az egyik első korlát amibe pályafutásunk elején belefutunk az a web-biztos betűtípusok csekély száma. Hiába az egyik kedvencem a Myriad Pro Light, ha csak a felhasználók töredékének a gépén fellelhető. tovább…
Többoszlopos layout
Hogy egy kicsit elrugaszkodjunk a grafikai megoldásoktól, találtam valamit, ami inkább a szöveges tartalom prezentálására koncentrál. A CSS 3 tartalmaz egy lehetőséget, amivel beállítható, hogy egy szöveg hány oszlopba tördelve jelenjen meg. Kicsit olyan, mint a Word többhasábos beállítási lehetősége. tovább…
Gradiens CSS 3 segítségével
A gradiensek elengedhetetlen kellékei a modern web design-nak. Egyes designerek ugyan túlzásba viszik a használatát, mások egymáshoz nem illő színekből állítanak össze gradienseket, de mértékkel alkalmazva, egymáshoz illő színekkel nagyon stílusos eredményt lehet velük elérni. tovább…
