实现,类似于“这种效果”,:, “就是鼠标悬浮其上”,能实现让标签“浮动”的效果:
<style> 其实也很 “简单”,也可以无视:其它代码 。就看:
类选择器:里的 有两个:"transition-property:
和 transition-duration: "
这两个参数 和 伪类(hover)选择器里的:top 属性;这里需要解释的是:transition-property是过度动画的意思,在这里选择我们要进行过度的动画效果(要实行动画过度的属性(必须是下文存在的,转换的)),并用duration设置:“过度时间!就可以实现” 动画(css样式转换的‘过度’形态 …)…
.o12{background-color: lightblue;font-family: '楷体';font-size: large;cursor:pointer;
width: 26px;height: 53px;float: left;border: 1px;border-style: dotted;z-index: 2;top: 40px;
border-top-left-radius: 10px;border-top-right-radius: 10px;transition-property: top;text-align: center;
transition-duration: .75s;}
↓ ←注意这里的:hover是伪类选择器
.o12:hover{
top: 0px;(实现侦听的属性)
}
</style>
<div class="o12" style="position:absolute;left: 24.5vw;"
><a href="./1.png" style="text-decoration: none;">名著</a></div> 标签,(要执行,变化的) …
然后就可以,在标签上,进行“操作”,实现“鼠标移入”,“悬浮”的特效了
感谢支持 …^ ^