如何解决可能会悬停吗?
当我的超链接图像继续向下移动时,如何添加斜角? 需要斜面内部图像,因为它不断移动! 我将非常感谢您的任何建议...
图像在内部不断倾斜时需要斜角! 我将非常感谢您的任何建议...
thx斯图尔特
body {
background-color: #6B6B6B;
margin-top: 100px;
margin-left: 0px;
font-family: Arial;
color: #D7D7D7;
font-size: 12px;
font-weight: 100;
line-height: .2;
letter-spacing: 1px;
}
.vids {
position: fixed;
top: 100px;
left: 100px;
}
/*............... border on hover (with bevel)...............*/
.border {
border: solid 0px #02eee7;
transition: border-width 0.2s linear;
}
.border:hover {
border-width: 5px;
}
/*............... bevels ...............*/
img#bevel {
border-radius: 20px;
}
/*........ soft-lightup on hover ........*/
a {
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
/*......................................*/
a:link {
text-decoration: none;
color: #8f8f8f;
}
a:visited {
text-decoration: none;
color: #8f8f8f;
}
a:hover {
color: #02eee7;
text-decoration: none;
}
a:active {
text-decoration: none;
color: #8f8f8f;
}
<div class="vids" align="center">
<a href="vid1.htm"><img src="http://wizzfree.com/pix/vid00.png" class="border" id="bevel" width="150" height="100"/></a><p></p>
<b>10 Tips</b><p>01 Link title text here</p>
<p></p>
</div>
解决方法
我认为您的图片是正方形的。也许您可以用盒子阴影进行内向外增长?是的,它更长,或者您可以进行定位。坚固的边框样式与“开始”不同,因此也许我看不到您的照片。
box-shadow:
inset 2px 2px 0 #02eee7,inset -2px 2px 0 #02eee7,3px 3px 0 #02eee7,-3px 3px 0 #02eee7,/* and so on */
;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。