猿问

一个小白的困惑

animation和transition不能同时使用吗？

幅度
浏览 1427回答 3
3回答

woshiajuana

应上面童鞋，给出的一个简单示例（ps：没做浏览器兼容，请使用高版本的谷歌或火狐）：<!DOCTYPE html><html><head>    <style>        #div{            background-color: #660000;            width: 100px;            height: 100px;            position: absolute;            left: 0;            top: 0;            animation: move 1s;            transition: all 1s;        }        #div:hover{            width: 200px;            height: 200px;        }        @keyframes move{            0% {                left: 0;            }            50%{                left: 200px;            }            100%{                left: 0;            }        }    </style></head><body>    <div id="div"></div></body></html>
1

woshiajuana

可以的呀
2
随时随地看视频慕课网APP

相关问题

为什么字体颜色在Eclipse上没有变化 2 回答

相关分类

CSS3
Html/CSS
为什么字体颜色在Eclipse上没有变化 2 回答
Html5
我要回答