复习一下动画属性

马上有一个小动画的功能,所以复习一下CSS3样式

transform (手动触发,常见于配合transtion使用)

transition: name duration;

旋转,平移,缩放,倾斜,和transition配合使用,一般需要事件手动触发

transform: rotate, translate, scale, skew

animation:name duration easy count delay(自动触发)

@keyframes name {

  from {}

  to{}

}

@keyframes name {

1%{},

  100%{}

}

禁用按钮的样式 cursor: not-allowed


边框外沿设置(不会改变元素大小,等于给元素裹上外衣,offset指定元素跟包裹的距离)

outline: 1px solid red;

outline-offset: 5px;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容