Style Input Range

input[type=range]:focus {outline: none;}@media screen and (-webkit-min-device-pixel-ratio:0) { input......

十种现代css布局方法

原文:

比较多的用到了grid,注意IE不支持

1. 超级居中

place-items: center

<div class="parent blue">......

Flexbox+Text ellipsis

参考:

上传文件名的显示:名称过长时截取一部分显示成省略号,但是保留后缀名称的展示

<div class="filename">

<sp......

滚动条样式

webkit

::-webkit-scrollbar — 滚动条本身,通常被其他元素覆盖

::-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)

::-webki......

Media Query中的逻辑

原文地址:

关键字and

@media (min-width: 600px) and (max-width: 800px) {

html { background: red; }

}......

CSS Animation Steps

帧动画animation-timing-function: steps(n, <jumpterm>)

第一个参数表示动画分割的段数,第二个参数有以下值:

start 或 ......