ai-box-reflect

Tükrözés CSS 3 segítségével

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 hátterek

A CSS alapjaival foglalkozó sorozat jelenlegi részében a CSS segítségével megvalósítható hátterekkel foglalkozunk. Háttere szinte minden DOM entitásnak lehet, de talán legtöbbször a body illetve a div elemekhez szoktunk hátteret beállítani. A beállításhoz a CSS background tulajdonságának különböző variációira lesz szükségünk. tovább…

css3-transition

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…

CSS pszeudo-osztályok

A következő cikkben a CSS 3-ban bevezetett új pszeudo-osztályokkal foglalkozunk majd, de hogy mindaz amit majd ott írok ne lógjon a levegőben, térjünk vissza egy kicsit a CSS 2-höz, és ismerjük meg az abban bevezetett pszeudo-osztályokat. tovább…

firefox-gradient

CSS 3 gradiens a Firefox 3.6-ban

Az eddig bemutatott CSS 3 technikák mindegyike működött Webkit motor alatt (azaz Safarin és Chrome-on), de a Firefox 3.5 nem állt ilyen jól. Reményre adott okot, hogy a Firefox 3.6 Alpha1 Codename Namoroka viszont gyakorlatilag mindent tudott, amit a Webkit-es böngészők. tovább…

február 23, 2010 @ 21:24

Nincs kategorizálva
CSS Text Selection

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 tipográfia 2

Ahogyan azt az első részben megígértem, következzék a CSS további tipográfiai eszközeinek bemutatása. tovább…

január 29, 2010 @ 20:41

Nincs kategorizálva

CSS tipográfia 1

A CSS alapjairól szóló cikksorozat jelenlegi és következő részében arról lesz szó, hogy hogyan szabhatjuk testre szöveges tartalmainkat CSS segítségével. Vágjunk is mindjárt a közepébe. tovább…

november 2, 2009 @ 22:09

Nincs kategorizálva
ai-word-wrap

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.

tovább…

Régebbi bejegyzések »