<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w…
使用css3的圆角、旋转、剪切属性实现圆形进度条,原理不难,两次剪切加一次旋转。 进度条分左右两边,50%一下操作右边的就行,超过50%操作左边的 样式随便写的,代码如下: htm…
.gist { width:220px; height:130px; background-image: url(2.jpg); background-repeat:no-repe…
当鼠标移上去的时候,会有一道闪光在图片上划过,效果挺酷炫的。于是把这个效果再实现一下: 大体思想是,设计一个透明层i,skewx在X轴上做了负25度的变形,背景颜色用的是CSS3的…
以下是常用的代码收集,没有任何技术含量,只是填坑的积累。转载请注明出处,谢谢。 一. css 2.x code 1. 文字换行 /*强制不换行*/ whi…
固定导航栏: 一条导航栏,无论页面怎么滚动,导航栏的位置始终固定在顶部。 实现: 其实很简单,在css里给导航栏所在的div设置四个属性,position设置为fixed,top和…
使用css3给页面添加阴影效果 <!doctype html> <html> <head> <style type="text/…