.box span里面,margin: -5px 0  0 -5px;替换成transform: translate(-50%, -50%); 比较便于理解。
.box span就是白色的小圆,top:50%; left:50%是相对于父元素也就是橘色的大圆,但是这样白色小圆并不是剧中的,需要往上和往左移动自身大小的一半,这样就剧中了。
                .box span就是白色的小圆,top:50%; left:50%是相对于父元素也就是橘色的大圆,但是这样白色小圆并不是剧中的,需要往上和往左移动自身大小的一半,这样就剧中了。
                    
                    2018-02-20
                
            background-origin:从父边界/从父边界内边界/从内容边界
若设置no-repeat,图片将从父边界为起点,平铺
                若设置no-repeat,图片将从父边界为起点,平铺
                    
                    2018-02-12
                
            将.div中的动画效果去掉,颜色改成purple(紫色),在.div:hover中把动画加上,delay设为3s,duration弄短点5s。none:purple->3s后->red->...->blue->purple。forwards:purple->3s后->red->...->blue。backwards:red->3s后->green->...->blue->purple。both:red->3s后->green->...->blue。
                
                    
                    2018-02-11
                
            skew的旋转对应的x,y轴应该与我们理解的数学坐标不一样,横轴是y,竖轴是x,可以写个skew(30deg)看看,以左上角为原点看就很明显看出竖轴由原来的垂直向下变成往右倾斜30度
                
                    
                    2018-02-11