文章分类 - css3
css3
摘要:手机端滑动效果简单做法把高度设死 然后overflow-y: scroll; 就可以了 可以用手滑动了 不过他的优先级很低 会被body或者swiper覆盖 所以一般这种情况 就只能取消body和swiper的触摸机制ps:给body高度设置100% 也行
阅读全文
摘要:CSS3 clip裁剪动画 下面是比较简单的例子<pre> <style type="text/css">img {position:absolute;clip:rect(0px 120px 151px 0px);animation: clipMe 5s linear infinite;} @-we
阅读全文
摘要:CSS3 滤镜Filter亮度动画 -webkit-filter:brightness 值越高 亮度越亮<pre><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .im
阅读全文
摘要:CSS3自定义字体写法 ps:最好英文 中文字体太大 影响加载速度 (中文字体网上的ttf大多数是gb2312 不过页面UTF-8格式可以用 不会乱码 <meta charset="UTF-8"> 会自动转化为utf-8)<pre><!DOCTYPE html><html> <head> <meta
阅读全文
摘要:比较简单的倒影效果 <pre><div class="box-reflect"><img src="https://www.baidu.com/img/bd_logo1.png" alt="" height="200"/></div> .box-reflect { margin: 210px aut
阅读全文
摘要:文字和图片发光的简单demo阴影叠加下就好 <pre><!DOCTYPE html><html><head><style>h1{ color:#FFF; text-shadow: 0 0 5px #fff,0 0 5px #fff }.fwe{ color:#FFF; box-shadow: 0 0
阅读全文