css3
文章平均质量分 77
前端是工作也是生活
每多学一点知识就少些一行代码我坚持一直向前也希望能够交到志同道合的朋友
展开
-
Web开发者的福利 30段超实用CSS代码
上周,研发频道发表了一篇“ Web开发者不容错过的20段CSS代码”,大家一致觉得很实用。该文是笔者对后30个的翻译,希望对大家有帮助。 1.花式连字符(&) 这个类应该在span元素里使用,并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。 .amp { font-family: Baskerville, 'Goudy Old Style', P转载 2013-05-29 19:35:58 · 1362 阅读 · 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 · 896 阅读 · 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 · 1753 阅读 · 0 评论 -
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 · 1286 阅读 · 0 评论