CSS笔试题

如何实现移动端9宫格

宽度百分比
高度设置0
padding-top百分比
可实现宽高

具体代码
.container div{
  height: 0;
  padding-top: 33%;
  flex: 0 0 33%;
  width: 33%;
}

如何实现移动端下列8宫格

 

实现移动端图片画廊CSS样式

 

写一个简单的animation的css动画

 

美化select，radio，range样式，只需考虑谷歌浏览器，下面给出的是range美化之后的