css3
文章平均质量分 72
weballan
这个作者很懒,什么都没留下…
展开
-
css3:QQ衰表情
发现在聊天群里面,用这个表情的很多,最近一直也在了解CSS3的新属性,觉的应该用CSS3把它画出来,于是就有了这个页面。主要应用伪类:before :after CSS3新属性 transform box-shadow border-radius 您可以狠狠地点击这里:css3:QQ衰表情demo <!DOCTYPE html><html>...2011-08-16 10:39:31 · 161 阅读 · 0 评论 -
css3:鼠标hover图片效果
今天在网上看到的鼠标hover效果,当时就看的心痒痒,css3果然很强大,最主要的是思路真漂亮,随后自己做了html原型,然后按照自己的思路给规划了一下,果然很帅。您可以狠狠地点击这里:css3:鼠标hover图片效果demo亲,是没有JS效果的哦~~~ ...2011-08-16 10:56:17 · 1079 阅读 · 0 评论 -
CSS3:wordpress读者墙
最近在制作一个企业站和制作一些广告效果,今天又在网上看到css3的两个属性:transform-style、backface-visibility。用CSS3写一个不错的wordpress读者墙。您可以狠狠地点击这里:wordpress读者墙 chrome下能收到最好效果。...原创 2011-08-29 10:45:36 · 133 阅读 · 0 评论 -
CSS制作:开心网“发表观点”CSS实现
中秋放假,淋漓小雨下了三天,这种天气最适合看电影、玩游戏、睡觉。害的眼睛都发炎了,刚去医院看了看,回到家里看博,觉的用css实现开心网标签观点的博文不错,就自己按照自己的思路,给制作了一下:制作思路:外面的层控制宽度,内容层控制padding和border,这样栏目在后期的维护或修改只要修改外层的宽度,实用寿命更长。 li 浮动;a标签 控制字符、设置display:i...原创 2011-09-13 14:56:58 · 294 阅读 · 0 评论 -
网页重构:公司网站小面积改版
公司网站首页要改版,前端是由我和另外一个同事负责,这次改版从页面头部、中间、底部,分三部分,分成三个阶段来制作,这点很同意,小面积的修改,更加让用户接收,随时有用户操作习惯的修改,也可以马上改过来。因为是在新团队的磨合中,每个模块我都添加有注释,不管JS、后端都能清晰的明白栏目的结构,减少项目的BUG,增加团队的工作效率。 一、合理的html结构和标签这次改版,我前期想了很多,如何...原创 2011-09-17 10:13:25 · 199 阅读 · 0 评论 -
CSS3:animation属性实例操作
文章中的实例须在FireFox6+、或者教新版本的Chrome或是Safari浏览器查看。在css3.0发布transtion、transfrom就觉的css在操作行为上作出了很大的改为,觉的这应该就是动画的操作了,今天刚看到animation,看了看官方的说明和实例,觉的比transtion厉害多了。 这是实现上下滚动的效果,设置对应的时间段(百分比)和对应的列表的垂直位置即可:...原创 2011-09-26 17:24:27 · 215 阅读 · 0 评论 -
世界工厂首页前端制作 - 首页分解图
您可以狠狠地点击这里:世界工厂网首页预览版 网站结构:首页总体结构划分为9个独立层来控制表现(共用头部、页眉、导航、热点栏目、3个主体层、合作伙伴、页底)。前期规划,如何让栏目的移植性更好,在制作的时候,把width层和padding border层分开,在以前用到一个div的,现在变成两个div,这样的嵌套,在改变外...原创 2011-11-04 16:32:00 · 303 阅读 · 1 评论 -
项目的质和量:西班牙语频道制作思路和规划
您可以狠狠地点击这里:西班牙语频道DEMO在制作项目的时侯,项目的周期和项目的质量如何能协调的很好,不影响周期,质量又能做到细致,是我们团队每个成员都要考虑到的事情。我们在制作项目的时侯,页面的细节如何做到位,如何减少错误,减少后期的维护成本,更好的配合后端人员。增加高端用户的体验效果、照顾低端用户的操作功能。为什么要这样做?头部的图片用png24的格式(导航图片都有阴影效果)...原创 2012-01-04 17:14:57 · 190 阅读 · 0 评论