Blog

Stín okolo objektu pomocí CSS nebo jQuery

06.01.2011 shadow, stín, jQuery, css ENG GER

Stín okolo objektu lze vytvořit pomocí CSS vlastnosti:

box-shadow: barva posunX posunY hloubka


Podpora v jednotlivých prohlížečích:

IE 9+:
filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40');


FF -moz-box-shadow

Chrome -webkit-box-shadow

Nejlépe tedy pro všechny prohlížeče:

.stin { box-shadow: black 2px 5px 10px;
-webkit-box-shadow: black 2px 5px 10px;
-moz-box-shadow: black 2px 5px 10px; filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='15', MakeShadow='true', ShadowOpacity='0.40');
}


Nebo použít Boxshadow plugin jQuery

Další příklady pro IE:

filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000',direction='120',strength='20');
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='15',MakeShadow='true',ShadowOpacity='0.40');
filter:progid:DXImageTransform.Microsoft.DropShadow(color='#000000',offX='20',offY='20');


Zpět na seznam článků

Rychlý kontakt:

karel.uhlik@atlas.cz
+420 606 678 778

Navštivte náš e-shop

E-shop www.dedra-plzen.cz - Luxusní oblečení FC1929, ekologická drogerie a kosmetika DEDRA www.dedra-plzen.cz

Najdete zde dámské i pánské luxusní oblečení FC1929, ekologickou drogerii a kosmetiku DEDRA a mnoho dalšího zajímavého zboží.

Předchozí blog:
karelu.blogspot.com

 

Tagy

V blogu je soubor všemožných věcí, které jsem buď vymyslel a vybádal já, nebo jsem našel někde na internetu a potřeboval si je poznamenat pro vlastní potřebu. Nyní jsou k dispozici i Vám.

Pokud jde o převzaté věci, snažil jsem se uvádět i zdroj, případně odkaz na zdroj. U některých článků ale chybí, avšak ne proto, že bych si chtěl přivlastnit cizí myšlenky a vydávat je za vlastní. Použil jsem svoje poznámky a u některých věcí jsem si nepoznamenal zdroj.

V případě, že najdete v článcích, kde není uvedený zdroj, svoje myšlenky či postupy a napíšete mi, rád odkaz a zdroj doplním.



© 2017 Karel Uhlík DEDRA ApliTax s.r.o.

Parfemy.cz NakupniCentrum.cz
TOPlist