注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

.

.

 
 
 

日志

 
 

图片阴影效果  

2010-01-10 15:40:39|  分类: 博客技巧 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图片阴影效果

 
图片CSS滤镜---阴影效果

一、代码:

<DIV style="FILTER: Shadow(color=#4A7AC9,direction=135); WIDTH: 384px; HEIGHT: 304px" align=centerx;te0RONG>一、代码:

alinoulviteTip scrient3rx;0r=#333333><DIV style="FILTER: ShaeTi;&nbhttp://w7AC9,direction=135); WIDTH: 384widthaeTi;&nbhttDIV> NG>

&haeT发光颜色
>一、代码 &haeT方向(45度为单位角度)(0、45、90、135、180、F%8、270、318)
虑镜宽要略大于图宽(建议+24)
虑镜高要略大于图高(建议+24+10) ER: Shadow(coip scriT>

一、代码:

alinoulviteTip scrient3rx>
0 > id=
72499588"tr664.jpgShaeTi;=900 width
px">

"shpx"> siz 号癳nt.getElementById('blog-163span>wumiiRel dI bct fc05 fc11

将pdivpan cme"> tp://y pdi类ct fc05 ftp:/ bcmid="00 height

nbc-00pxc-0-40 pdimt pdimt->日评论这张an> pdivpan cme"> tp://y pdi类ct fc05 ftp:/ nbc-00pxc-0-40 pdimi啵bct fc05 ftp:/:/膇d= b.bst --6 <

toL3fss=06n> ⒉ -size:12px;text-dec06"> pdivpan cme"> tp://y pdi类ct fc05 ftp:/ nbc-00pxc-0-40 pdimi啵bct fc05 ftp:/:/膇d= b.bst --6 < tfix"sp;< sp;7">k" ( lofter f-bkisubiReadCou>将"_blsp;7">> bct fc05 f :/ sp;7">评论( lofter f-bkisubiCcla Cou> p 15:ef=pef=p-eadnbsp;7">> bct fc05 f :/:/11 nbw-blogtitle="分享到LOFTER" class="shareitm lofter f-bkicons">   pan>    pan>

r fc06">

用微信  “扫一1 nobct fc11 nbw-blog文章分享到朋友圈。

 
fc06">

用易信  “扫一1>日志

文章分享到朋友圈。

 
 /span>titleToL3fss=Fdopboretho f-l> panpe=2&utm_source"> 耄OPARSE - an class="iblock dot">· " linurinpan> ows="nb-tp://ytp:/tp:/膇npugetElemeoloden" namrinss=" " linurin 384px; HEIGHT"ER: -FAMILY: '"haeT 384黑','黑"',Arial,Helvetica,Sans"haeT 384rif">图片阴"ER: -

384/rif"haeT 384/PhaeT 384px; HEIGHT"',AriaBLE borderCol"haeT 384idthaeT>384/idthaeT 384idthaeT 384idthaeT 384idthaeT 384
图片CSS滤镜---阴影效果haeT 384p://wlign=center>< ONT cohaeTpan>ff0000 size=4>一、代码:

alinoulvite"ip scrient3rx;n claeT n cl384333n claeT n cl384V style="FILTER: "hn claeT 384/p://haeT 384p://w7AC9,direction=135); WIDTHhaeT n cl384/idthn claeT 384/p://haeT 384/PhaeT 384Pip scrient3rx;aeT 384p://w7AC9,direction=135); WIDTHhaeT 384yle="FhaeT 384p://wlign=center>< ONT cohaeT二、参数说明 384/p://haeT 384 yle="FhaeT 384p://wlign=center>&hn claeT方向(45度为单位角度)(0、 384BhaeT4 84/BhaeT、90、 384BhaeT135 84/BhaeT、180、 384BhaeTF%8 84/BhaeT、270、 384BhaeT318 84/BhaeT) 384BRhaeT虑镜宽要略大于图宽(建议+24) 384BRhaeT虑镜高要略大于图高(建议+24+10) 84/p://haeT 384 PhaeT 384Pip scriT>

haeT 384p://w7AC9,direction=135);top bacONT cohaeT 384yle="FhaeT三、e=4>" 304px" align=centerx;te0RONG>一、代码:

alinoulvite"ip scrient3rx;aeT 384BRhaeT 384V shaeT0 >注id=
72499588"tr664.jpg"hn claeT 384/idthaeT>384/idthaeT 84/TDhaeT 384碩RhaeT 384碩r=#fhaeT 384碩 384/idthaeT 84/idthaeT>384/idthaeTows="nb-tp://ytp:/tp:/膇npugetElemeoloden" namrin3%A8%E" linurin
注&act=qbbkfxtj_20150420_05">
ows="nb-tp://ytp:/tp:/膇npugetElemeoloden" namrin4 st linurinows="nb-tp://ytp:/tp /s,教你实-myLikeIo2" likebtn >&nb片书&n/span><,教你实-myLikeIo2" re cla btn >&nb片书&n/span>&nht="0 s="share-:/:/<"_wid> /sspan class-im Re cla >

将到LOF rs> .lofter.co"share-tp:/:/<,教你实絃OF sp;将到LOF

7220px atgl20pas- "00 height
到LOF

6220px atgl00pas- "00 height BottomDdiv class="mcnt ztag  ;visib ty:oloden; marg:0;lank" h0;114rratw:oloden;" ,教你剩∮蒾s="-b"share/膆4 ,教你 class="multiclsp;7style=最近读者 <4 bc"share-11 nbw-blog_h me"> , -size:12px;text-dec;visib ty:oloden; marg:0;lank" h0;114rratw:oloden;" spanhonpeofollow" tahonpeofetic蒾s ="-b"share/膆4 ,教你 class="multiclsp;7style=热度 <4 bc"share-11 nspanhonl hi" ,教你蔩h m, ,教你蕄an class="yod示_low"_wid>&_zoom:1;啵c"11 bc"shar-b"shar11 nbw-blogs0"mlod d" "_wid> ="-b"share/:/膍">我的照ad tar" id="righttopadimg" />