共计 5 篇文章

表单输入框焦点高光css代码

随着HTML 5 + CSS 3的普及,使用CSS代码实现的页面效果越来越华丽,而表单输入框获得焦点时的高光效果更是许多HTML 5站点所必备的表单必杀技。尤其是Twitter公司推出Bootstrap框架以后,表单高光效果几乎成为Bootstraper们的必需品。   css代码模仿Bootstrap的表单焦点高光效果: input, textarea { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear ...

线带下三角CSS样式

示例 #b0{border-top:#999 solid 1px;padding-left:100px;} #b1{width:0px;height:0px;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid #999;position: ...

纯CSS3画出叮当猫

1、将容器wrapper和叮当猫整体做一些基本的样式,叮当猫整体doraemon 设置position为relative,主要是为了便于子元素/后代元素进行定位; 2、头部head的样式,叮当猫的头部不是正圆,宽高有一点偏差,使用border-radius将头部从矩形变成椭圆形,再使用径向渐变从右上角给背景来个放射性渐变,加个阴影,使其更有立体感,background:#07bbee;是为了兼容低版本浏览器; .wrapper{ margin: 50px 0 0 500px; } .doraemon{ position: relative; ...

纯CSS创建各种不同的图形形状

.rectangle { width: 250px; height: 150px; background-color: #6DC75F; } .triangleUp { border-left: 75px solid transparent; border-right: 75px solid transparent; border-bottom: 150px solid #6DC75F; width: 0; height: 0; } .oval { width: ...