过渡

过度 代码如下

div{position: absolute;

left:100px;

top: 100px;

width: 300px;

height: 200px;

background: #0ff url(img/8.jpg)no-repeat;

background-size:cover;

transition:transform 1s  ease-in, background 1s ease-in; }

div:hover{transform:rotate(360deg) scale(2);}

transform变换

transition过度

rotate旋转

scale缩放

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

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,342评论 0 11
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 1,807评论 0 2
  • 想必每个人都有过,明明很认真地做着一件事,却突然被一件意外打破了。 比如微信信息来了,比如新闻跳出来了,刚好标...
    凤以非阅读 221评论 1 4
  • 中午郭工坐我对面吃饭,我说明天周日了,郭工你不和肖经理出去逛逛吗? 郭工说,不了,在家睡觉,肖经理他老婆来了。 我...
    盼星星盼月亮的盼盼阅读 141评论 3 0
  • 鸡汤看看就是,自己俨然活成鸡汤体。 别被鸡汤蒙蔽,不振作的时候看看是有用的。
    世俗凡人阅读 149评论 6 2