web设计
文章平均质量分 63
前端是工作也是生活
每多学一点知识就少些一行代码我坚持一直向前也希望能够交到志同道合的朋友
展开
-
20个2013年最值得关注的网页设计趋势
在过去的一年中,我们都看到了网页设计趋势在日益增长。或许有些朋友还记得我早些时候的一些文章关于网页设计,有兴趣的可以点击来查看,现在我们可以看到其中许多想法已经实现了,甚至有些采用了一些更高层次的新奇想法。在今天这篇文章中,我将与大家分享2013年里20多种网页设计的全新趋势走向。 设计的影响仅仅是一个来自于我们的文化和用户界面感知的反馈。观念上这些趋势代表了在网页设计社区最受喜爱的点子。可转载 2013-05-29 19:46:43 · 734 阅读 · 0 评论 -
javascript实现的可改变滚动方向的无缝滚动
效果图如下: 代码: 无标题文档 *{ margin:0; padding:0;} #imgMove{ height:205px; width:624px; border:#000 1px solid; position:relative; margin:200px auto;overflow:hidden;} #imgMove ul{ height:205px;原创 2013-06-17 13:48:43 · 981 阅读 · 1 评论 -
CSS无图片实现小三角
效果图: 方法一的效果图 方法二的效果图 方法三的效果图 方法一: css代码: #top { position: absolute; width: 0px; height: 0px; line-height: 0px;/*为了防止ie下出现题型*/ border-bottom: 10px solid #89b007; border-left: 1原创 2013-06-06 15:24:32 · 1279 阅读 · 0 评论 -
CSS3新属性transition-property transform box-shadow
先看效果图: 正常显示: 鼠标经过时候的效果: CSS3新属性2013-05-21 .test li:hover{border-color:#999;background-color:#bbb;color:#999;} .text{ margin:5px;float:left; background:原创 2013-06-06 15:33:00 · 1746 阅读 · 0 评论 -
js实现的切换面板
最近小菜鸟看了妙味课堂的js视频,学习了一点知识,在这里总结一下,代码写的有点臃肿,刚开始学,不知道咋着优化,看到的高手可以指点一下,呵呵,再此谢过, 效果大概是在这样的: 鼠标划过不同的题目会有不同的图片和解说,可以连接到不同的网站, 分享一下我的代码: 无标题文档 <!-- *{ margin:0; padding:0;} #container{原创 2013-06-14 17:51:00 · 1642 阅读 · 0 评论 -
没事瞎设计
哎,早知道多学点设计了原创 2013-06-05 21:43:09 · 954 阅读 · 1 评论 -
扁平化设计五大原则
这段时间以来,扁平化设计一直是设计师之间的热门话题。每个人都有自己的独特认识,有的非常喜欢而有的人却恰恰相反。那什么是扁平呢?designmodo设计师Carrie Cousins在网站上介绍了扁平化的五大特点,以及“准”扁平化设计的优缺点。CSDN编译如下。 Cousins表示他虽然对扁平化设计的感觉非常强烈,但并没有特别热爱或者特别讨厌扁平化设计。他认为好的设计不应当局限于某种设计风转载 2013-06-06 10:58:09 · 900 阅读 · 0 评论 -
摄影,怎么称得上摄影?照的照片而已
今天跟华姐姐出去玩,在校园的河边照了两张照片,为迎专家,校园的花儿开得真好,但是花上要是再有只蜜蜂就更好了!原创 2013-06-05 21:58:17 · 611 阅读 · 0 评论 -
ps制作立体阴影效果
先看效果图: 步骤一:先建一个640*350的背景为白色的图层 步骤二:在建立一个640*250背景色为#e2e2e2的图层,点击滤镜-->杂色-->添加杂色 步骤三:再建一个555*180的图层填充为白色,并且添加描边颜色为#f2f2f2,再为其添加内阴影 步骤四:用矩形工具添加一个矩形,并且为其添加高斯模糊 步骤五原创 2013-06-05 11:28:18 · 3298 阅读 · 0 评论 -
css3新属性text-shadow
看看这两行字有木有立体的效果:个性菜单鼠标经过之前鼠标经过时:每天学习一点点上代码 无标题文档 <!-- body { background:#EFEFEF; } p.first { font-size:48px; color: #D1D1D1; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-原创 2013-06-10 21:38:09 · 895 阅读 · 0 评论 -
javascript实现模仿迅雷电影评分
效果图: 代码: 无标题文档 *{ margin:0; padding:0;} #mark{ margin:200px auto;height:50px; width:300px;/* border:#CCC 1px solid;*/ position:relative;} #mark ul{ height:100%; width:100%;}原创 2013-06-17 16:24:39 · 1300 阅读 · 1 评论