Div内容居中详解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti...

CSS中调用JS函数和变量详解

在CSS来调用JS程序。 这个技术是网络安全里的,叫做CSS跨站。 我们知道CSS里是可以控制某些HTML元素的属性的,譬如background-image等等,而在URL里添加Javascript:alert()等等类...

class []的用法详解

         span[class='test']    =>匹配所有带有class类名test的span标签     &nb...

jquery判断css3动画是否完成的方法详解

jquery判断css3动画是否完成的方法 //添加css3动画 $('.p1title01, .p1title02').addClass('shake animated').one('webkitAnimationEnd mozAnim...

CSS3 flex垂直居中 水平居中终极解决方案(史上最简单的写法)详解

CSS3 flex垂直居中 水平居中终极解决方案(史上最简单的写法)//align-items: center; 垂直居中// justify-content:center; 水平居中<!DOCTYPE html PUBLIC "-/...

文字和图片发光的简单demo详解

文字和图片发光的简单demo阴影叠加下就好 <!DOCTYPE html><html><head><style>h1{ color:#FFF; text-shadow: 0 0 5px #f...

CSS3倒影效果详解

比较简单的倒影效果 <div class="box-reflect"><img src="https://www.baidu.com/img/bd_logo1.png" alt="" height="200"/>&...

CSS3自定义字体写法详解

CSS3自定义字体写法 ps:最好英文 中文字体太大 影响加载速度 (中文字体网上的ttf大多数是gb2312 不过页面UTF-8格式可以用 不会乱码 <meta charset="UTF-8"> 会自动转化为utf-8)<...

CSS3 clip裁剪动画详解

CSS3 clip裁剪动画 下面是比较简单的例子 <style type="text/css">img {position:absolute;clip:rect(0px 120px 151px 0px);animation:...

css3mask淡出文字详解

css3mask淡出文字.p0_11wrap { width: 0.299rem; height: 7.68rem; overflow: hidden; background: url(/weiyeweiwangzhan/images/0/...