Magic Photo Frame 神奇创意相框
作者:wkaifang 来源:蓝色理想 时间:2009-09-15 20:45:00
神奇创意相框! 是的,主要利用position的relative, absolute, z-index属性。结合Photo Frame(相框)的不规则性,来“裁剪”出具有不同Magic(神奇?)的相框效果。
先看例一,如果让Photo Frame(相框)遮罩目标的相片?
运行代码框
在这里,主要应用magic1的背景图片,结合具有相对定位元素的em,再加上z-index。使得em中的背景可以遮罩在相片之上。
接着,我们需要修饰下,希望鼠标浮动的时候会产生提示效果的文字,并且结合半透明的css参数
filter:alpha(opacity=70); /* for ie */
-moz-opacity: 0.7; /* for ff */
opacity: 0.7; /* for other */
使得鼠标浮动到照片上,出现遮罩效果,并且出现提示文字。再次看例子:
运行代码框
怎么样,效果是不是不错呢?既然不错的效果,顺便发挥下思维方向,扩散思维模式。再次做跟多的例子:
运行代码框
嗯,看到例子,你想说写什么呢? 创意,在于思考与练习中产生,就这样。
标签:css,相框,photo
0
投稿
猜你喜欢
在SQL触发器或存储过程中获取在程序登录的用户
2012-01-29 18:01:32
用Dreamweaver设计实现网页过渡转换功能
2008-09-04 10:09:00
交互设计实用指南系列(11)—减少记忆负担
2010-03-29 13:12:00
Dreamweaver虚拟在线试衣室
2009-07-05 18:54:00
打造设计你自己的字体 Ⅱ
2008-03-14 07:48:00
谈ASP的未来
2009-03-24 20:35:00
用户分类浅谈
2009-09-27 12:14:00
数字人组件反写[asp组件开发实例4]
2009-06-09 13:20:00
如何动态添加Form项?
2009-11-18 20:44:00
【JavaScript实用系列】-- 胖页面载入效果
2009-10-19 22:48:00
用isapi rewrite 实现asp的HTML静态化
2007-11-25 12:28:00
错误 2812: 未能找到存储过程 'master.dbo.xp_fileexist'
2010-07-22 19:50:00
利用XMLHTTP批量生成静态页的函数
2008-09-10 11:07:00
用WEB(ASP)方式实现SQL SERVER 数据库的备份和恢复
2010-05-11 20:12:00
JavaScript能判定两个function等价吗?
2009-08-13 14:45:00
自定义用于ASP Web站点的 SQL 7.0 数据库
2008-10-28 21:09:00
SQL Server服务器内存升级后的烦恼
2008-12-22 10:55:00
选择utf-8还是GB2312?
2009-06-19 13:05:00
asp 获取url函数小结
2011-03-17 10:38:00
用Dreamweaver设计自动关闭的网页
2010-09-02 12:29:00