一般来说mask-image需要一张有透明部分的图片,该图片用于遮挡在指定的dom上,被图片透明部分遮住的部分将不被显示,被不透明部分遮住的部分将显示。有透明部分的图片也可以通过PS快速创建一个蒙版图片,几秒钟就可以搞定。png图片放到psd里–>画一个黑色的矩形覆盖png图–>在矩形图层上右键“创建剪贴蒙版”–>保存收工
display:flow-root可以让元素块状化,同时包含格式化上下文BFC,可以用来清除浮动,去除margin合并,实现两栏自适应布局等。
CSS3彩色进度条加载动画 带进度百分比,内有演示网址
background: #f7d79b;background:linear-gradient(to bottom,#f7d79b 0%,#f7d79b 50%,#F8D18C 50%,#F8D18C 75%,#F6D494 75%,#F6D494 100%);background-size:100% 4px;这里权当记录一下,下次拿来主义。
通过box-shadow来实现滚动条带有进度背景色。
ios设备竖屏切换到横屏时候,字体会发生变化的情况。用text-size-adjust : none方法可以解决此类问题。
css3展开收起导航动画,自己照猫画虎,仿的凑和用着。
CSS变量出现前,从CSS传值给JS非常困难,甚至需要借助一些Hack的手法。现在使用CSS变量,你可以直接通过JS获取变量值并进行修改:
CSS3中border-radius实现椭圆角,常规写法是border-radius:元素高度的一半。如果高度未知,请选择任意大的值(例如99em)。