1、隐藏元素 常见的方法:dispaly、opacity、visibility,区别如下: opacity=0,该元素隐藏起来了,但不会改变页面布局,并且,如果该元素已经绑定一些事件,如click事件,那么点击该区域,也能触发点击事件的,子元素受影响。 visibility=hidden,该元素隐藏起来了,但不会改变页面布局,但是不会触发……
标签目录:CSS
以下是与标签 “CSS” 相关联的文章css3动画
很多人在用css3写动画效果的时候总是会搞错,初学者也总是会搞混(抛开它的兼容性,只看效果)。 transform transition animation 好吧,字母在三个词上的重复率比较高,容易混。那我们就简单区分 以上三个我们一次标记为c1、c2、c3 简单来说,c1就是一个类似于width、height这样的样式;c2就强一点了,……
H5移动端夜间模式调整展位图
问题:图片延迟加载的时候,有一张默认的背景图占位,不能只用颜色,因为那样的话无法展现一个与原图同大小或者具有合适高度的色块。夜间模式下,图片的占位图是灰色的,需要改。接口用php写,判断夜间模式是js。如果用js更改加载的图片比较麻烦而且效果不好。 解决:图片照样加载,只是换成透明的,js判断夜间模式后,改变图片背景色。很巧的一个用法,以……
Amase UI vs Bootstrap
学习中对比了一下两者的差异,简单做了一个笔记。 CSS属性 Amase UI Bootstrop 对比 基础 html:62.5%(10px);body:16px;h1:1.5倍 html:100%;body:14px;h1:36px 基本字体 打印 am-print-hide visible-print-block –……
-webkit-animation-*用法
-webkit-animation: name, duration, timing-function, delay, iteration_count, direction (1) -webkit-animation-name 这个属性的使用必须结合@-webkit-keyframes一起使用 [crayon-6741fea10cfad64……