我有一个css3的代码，其显示效果是当打开网页时就开始现实动画，但是我想改成鼠标经过动画，当怎么做？

#animation:hover{

    -webkit-animation:wobble 1s 2s ease both;

    -moz-animation:wobble 1s 2s ease both;

}

/ css3 让一个不断翻转示例代码 /

#gavinPlay{

/ background:color url x y repeat 来自百度，按需要更换 /

background:red url("https://ss1baiducom/6ONXsjip0QIZ8tyhnq/it/u=2406548182,3889596045&fm=80") center no-repeat;

/ background-size:auto auto || cover 代表以宽或高填满元素背景 /

background-size:cover;

/ 随便设置宽高值，测试 /

width:200px;

height:200px;

/ 设置默认样式，开启3d硬件加速 /

-webkit-transform:translate3d(0,0,0);

-moz-transform:translate3d(0,0,0);

transform:translate3d(0,0,0);

/ 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; /

-webkit-animation:play 3s linear infinite;

-moz-animation:play 3s linear infinite;

animation:play 3s linear infinite;

}

@-webkit-keyframes play{

0%  {

/

水平翻转

/

-webkit-transform:rotateY(0deg);

/

垂直翻转

-webkit-transform:rotateX(0deg);

顺时针旋转

-webkit-transform:rotate(0deg);

逆时针旋转

-webkit-transform:rotate(0deg);

/

}

100% {

/ 水平翻转 /

-webkit-transform:rotateY(360deg);

/ 垂直翻转

-webkit-transform:rotateX(360deg);

顺时针旋转

-webkit-transform:rotate(360deg);

逆时针旋转

-webkit-transform:rotate(-360deg);

/

}

}

@-moz-keyframes play{

0%  {

-moz-transform:rotateY(0deg);

/

-moz-transform:rotateX(0deg);

-moz-transform:rotate(0deg);

-moz-transform:rotate(0deg);

/

}

100% {

-moz-transform:rotateY(360deg);

/

-moz-transform:rotateX(360deg);

-moz-transform:rotate(360deg);

-moz-transform:rotate(-360deg);

/

}

}

@keyframes play{

0%  {

transform:rotateY(0deg);

/

transform:rotateX(0deg);

transform:rotate(0deg);

transform:rotate(0deg);

/

}

100% {

transform:rotateY(360deg);

/

transform:rotateX(360deg);

transform:rotate(360deg);

transform:rotate(-360deg);

/

}

}<!-- html 布局代码 -->

<div id="gavinPlay"></div>

效果不错。补水效果很好，成分都是纯植物萃取，温和安全没有刺激，不含香精酒精激素铅汞等任何化学成分，因此mozx时空焕颜面膜是效果不错的。mozx陌妆是一个国产专业护肤品牌，崇尚科学和天然，将历史智慧与现代科学相融合，针对性地解决问题，品牌与留今科学研究机构合作，品质有保障。

mozx陌妆黑绷带面霜质地糯糯的，可能因为浓度高，有点厚重，用之前在掌心先温热揉搓再按压上脸会更好吸收。质地还挺润的，不油腻，吸收后皮肤会软润不少，保湿力挺好的。

mozx陌妆黑绷带面霜我目前用了有三个星期左右了，皮肤状态挺好的，没有出问题，而且之前的疙瘩痘痘几天就消下去了。

真的。mozx（陌妆）是一个国产专业护肤品牌，崇尚科学和天然，将历史智慧与现代科学相融合，针对性地解决问题，陌妆化妆品属于二线品牌不属于微商品牌。品牌与留今科学研究机构合作，品质有保障，品牌目前知名度虽然还不算高，但凭借着高性价比还是获得了不少消费者的关注与喜爱。

品牌不同、成分不同、功效不同。

1、品牌不同：陌妆黑绷带属于中国的MOZX陌妆品牌，而赫莲娜黑绷带属于法国品牌。

2、成分不同：陌妆黑绷带主要成分为玻尿酸、海藻提取物、胶原蛋白等，而赫莲娜黑绷带主要成分为玻尿酸、胶原蛋白、维生素C等。

3、功效不同：陌妆黑绷带主要功效是提拉紧致、淡化细纹和改善肤色，而赫莲娜黑绷带主要功效是提拉紧致、淡化细纹、改善肤色和保湿。