css代码完成鼠标悬停时，图片边框和大小的变化

鼠标悬停在图片上，图片边框1秒内完成变色
鼠标悬停在图片上，图片1秒内完成放大120%

举报该问题

推荐答案 2018-11-30

变色：使css的动画animate可以实现。
放大：使用css的过渡效果translate就可以了实现
如果你要同时实现，那就都用animate，样式代码写在一起

温馨提示：答案为网友推荐，仅供参考

当前网址：http://00.wendadaohang.com/zd/rI0TDBDZ0nDDZDrBZj.html

相似回答

在线等!!!一道CSS考试题!关于鼠标悬停显示外边框,怎样实现??_百度知...答：【CSS部分】只写关键代码 .imglink { display:block; width:123px; background:#fff; font:bold 14px/24px Arial; } .none { display:none } /* 一开始隐藏*/ .imglink:hover .none { display:block } /*鼠标滑过时显示*/

css 鼠标悬停 图片加内边框效果怎么实现的啊有没有简单一点的方法...答：先将图片放在一个标签里 a和div标签都可以，让侯设置这个标签大小正好和图片大小一样，给标签加上一个padding:0px;设置标签的背景颜色和串口颜色一样，假如是白色，然后写鼠标移动到图片上的样式，只需要将标签的背景色改成红色就可以了。

css里鼠标悬停变色怎么弄答：2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。5、最后在浏览器打开tes...

如何通过CSS可以实现鼠标放上去之后整个图片出现边框和隐形的效果答：.layout-prolist dl {color:#333;border:1px solid #dfdfdf}//*这里是鼠标没放之前 .layout-prolist .pbox.hover dl {border:1px solid #999;box-shadow:0 0 20px rgba(0,0,0,.2);transition: all 0.3s ease 0s;}//*这里是鼠标放上之后采纳吧，有问题再说 ...

大家正在搜

css鼠标悬停图片放大 html鼠标悬停图片放大 html鼠标悬停图片变色 css鼠标悬停文字变色鼠标经过的css代码 css鼠标变成小手 css鼠标悬浮图片显示文字 html鼠标悬停转换图片 css鼠标悬停效果

如何通过CSS可以实现鼠标放上去之后整个图片出现边框和隐形的...

css实现鼠标悬停时图片加边框效果怎么改成内联方式实现

CSS代码鼠标经过图片变换如何做

css 鼠标悬停图片加内边框效果怎么实现的啊有没有简单一...

css效果：鼠标经过行时，背景图片改变

css设置鼠标滑过事件时想更换背景图，为什么背景图片大小和文...

css鼠标经过出现边框图片变换

css控制图片的大小，比如鼠标移动到图片上时，显示上半部分，...