網易博客留言貼圖新技巧(二)
06-15
翻轉效果實例05代碼<div style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/sxgGi3_ryUtM-4Iv83ROrg==/2335397881768868763.jpg$); WIDTH: 400px; HEIGHT: 218px"></div><div style="FILTER: FlipH; BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/sxgGi3_ryUtM-4Iv83ROrg==/2335397881768868763.jpg.jpg$); WIDTH: 400px; HEIGHT: 218px"></div>實例05效果(原圖)(新圖)水平翻轉: <div style="FILTER: FlipH; BACKGROUND-IMAGE: url(圖片地址$); WIDTH: 寬度px; HEIGHT: 高度px"></div>垂直翻轉: <div style="FILTER: Flipv; BACKGROUND-IMAGE: url(圖片地址$); WIDTH: 寬度px; HEIGHT: 高度px"></div>倒影效果實例06代碼<div style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/JaDzgqqmRYu_CgrZ2Qq1Bw==/3676063195841680984.jpg$); WIDTH: 400px; HEIGHT: 220px"></div><div style="FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/JaDzgqqmRYu_CgrZ2Qq1Bw==/3676063195841680984.jpg$); WIDTH: 400px; HEIGHT: 180px"></div>實例06效果去色效果實例07代碼<P style="FILTER: gray; BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/JaDzgqqmRYu_CgrZ2Qq1Bw==/3676063195841680984.jpg$); WIDTH: 400px; HEIGHT: 220px"></P>實例07效果疊加效果實例08代碼疊加一張圖: <div style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/DirQcc_lIiKzFaHRMiBWYw==/331014572612166729.jpg$); WIDTH: 400px; HEIGHT: 300px"><BR><BR><div align=left><div style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/4qBD1tkkkiaj7Y5D8FSmPQ==/1740078306025807585.jpg$); WIDTH: 300px; HEIGHT: 60px"></div></div></div>實例08效果實例09代碼疊加兩張圖: <div style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/DirQcc_lIiKzFaHRMiBWYw==/331014572612166729.jpg$); WIDTH: 400px; HEIGHT: 290px"><BR><div align=left><div style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/4qBD1tkkkiaj7Y5D8FSmPQ==/1740078306025807585.jpg$); WIDTH: 300px; HEIGHT: 60px"></div><BR><BR><BR><div align=center><div style="BACKGROUND-IMAGE: url(http://img.blog.163.com/photo/nfDip_p4MY4EtJ7yX52zqg==/3735454415927403370.jpg$); WIDTH: 380px; HEIGHT: 141px"></div></div></div></div>實例09效果提醒:目前,留言所用的圖片還不能用gif格式,在圖片上也不能添加移動效果、連接效果。
推薦閱讀:
推薦閱讀:
※通過哪些方式旅遊達到最省錢?
※鮑崇茹的博客
※【NEXT 人物專欄】產品經理KentZhu : 我欣賞的產品是「克制」與「收斂」的
※科研博客圈的書劍恩仇
※IT牛人博客聚合