һ
 ע

QQ¼

ֻһٿʼ

ƼĶ

+

[CSS] cssӰ-Ƚϼݵд

[]
13490 С 2013-7-27 13:07:41
| ʾȫ¥
1F

ϵ½עᣬύѣø๦ܣϴزIJޣ

Ҫ ¼ ſػ鿴ûʺţע  

x
PStatus"> С 2013-7-27 13:12 ༭

webҳuiУͶӰЧ˵ǷdzһֱЧˡ翪ͷЧ

m_1311210777673.jpg


ȻCSS2ʱǶʹͼƬʵЧʹCSSģӰЧǣڣCSS3ʹѾǸˣľͽչʾʵֿĺӰЧ

׼
׼ȻָʹCSS3ķˣӦòͬӦ֪μ´룺
  1. .shadow {
  2.     -moz-box-shadow: 3px 3px 4px #000;
  3.     -webkit-box-shadow: 3px 3px 4px #000;
  4.     box-shadow: 3px 3px 4px #000;
  5. }
ƴ
Ϊƫ3أƫ3أģ4أɫΪڡ
ǰѺʽclass shadowӦͼƬϣͻµЧFirefox3.6
m_1311211085777.jpg

ôIEأ

ĿǰCSS3֧繷ʺĹ·͵IEôأbox-shadowԶIEʥϵIJʵơװζѡ
IEиIE shadow˾IE˽еһģ⻹պϵĺӰЧʹĴ룺
  1. .shadow {
  2.     /* For IE 8 */
  3.     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  4.     /* For IE 5.5 - 7 */
  5.     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  6. }
ƴ
shadowclassӦõͼƬϣ£IE6

m_1311211091668.jpg


ȻЧFirefoxchromeִǻܴպá

ġʽۺ

´룺
  1. .shadow {
  2.     -moz-box-shadow: 3px 3px 4px #000;
  3.     -webkit-box-shadow: 3px 3px 4px #000;
  4.     box-shadow: 3px 3px 4px #000;
  5.     /* For IE 8 */
  6.     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  7.     /* For IE 5.5 - 7 */
  8.     filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  9. }
ƴ
CSS3ԵĿֿ֧Բ(css3please.com)

塢֧

  • Firefox 3.5+
  • Safari 3+
  • Google Chrome
  • Opera 10.50
  • Internet Explorer 5.5




CSS, , ͼƬ, , ͶӰ
Դ΢http://weibo.com/techued Դ΢Źںţweb-tech
ʹõ ٱ ظ
б

ֹ

̳¡ͼƬѷϴվԭתԻ,µİȨԭ
վַİȨ֪ͨǵĹԱ,Ա(Email:admin@websjy.com)ʱȡȨɾ
ܾκκʽڱ̳л񹲺͹ִ!

QQ| 42011102000510|Archiver|ֻ|Դ ( ICP14013341-1

GMT+8, 2018-9-19 11:09

Powered by Discuz! X3.2

ԴԴվ  ԴAPPӦ֮

ٻظ ض б