Kommentek/buborékosak példa megoldások CSS3-vel

Felhasznált technológiák:

  • CSS3

Design leírása:

Észrevettem, hogy majdnem minden neten/blog-on hozzászólásokat és kommenteket buborékos kinézetű rajzzal oldották meg, mert szép. Ezért kipróbáltam CSS3-vel megcsinálni és tényleg megoldható, hogy bebizonyítom grafikus készítés nélkül meg tudom csinálni a programozással. Nincs szükségem grafikai szoftvert használni, hogy készítsen például „gradient” háttereket.
Láthatóan többféle kommentes buborékosokat készítettem.
Közeljövőben, amikor már minden böngészőn működnek a CSS3 technológiák, ilyenkor már nincs szükséges szoftverre, mert a pénzbe kerül. Anyagilag olcsóbb, ha programozással megoldjuk ezt.

Demo oldala:

Böngészőn és verzión szerint az alábbi javasolt megnézni, ahol tökéletesen megjelenik 100%-osan CSS2 és CSS3 technológia miatt:

Text-shadowBorder-radiusGradientContent:before and :after
Firefoxmüködikmin: 3.5min: 3.6müködikmüködik
IEnem müködikmin: IE9nem müködikmin: IE8nem müködik
Chromemüködikmindkét jó (4 is, 5 is)mindkét jó (4 is, 5 is)soha/majdnemmüködik
Safaremüködikmindkét jó (4.0 is, 5.0 is)mindkét jó (4.0 is, 5.0 is)soha/majdnemmüködik
Operamüködikmin: 10.53nem müködiksoha/majdnemmüködik

Megjegyzés küldése

0 Megjegyzések