html这种鼠标悬停折角的效果怎么做

html这种鼠标悬停折角的效果怎么做如题 小白求教

实际这个小角是一个图片,鼠标移动上去的时候显示出来,移开时消失追问

我认为是鼠标悬停时上边三角变白 底下的变深 但如何实现

追答

相信我,实际就是一个小的正方形,一半浅色一半深色,给你一种折叠了一个角的效果。
你说的那种方法可以实现,但是没有意义,因为明明用我的方法加上一张图片和几行js就可以了。
你的方法也能实现,但是难度更大。例如三角可以通过css的一些代码实现,但是会比较麻烦。你需要定位2个三角放在这个位置,然后设施鼠标移入的事件添加改变颜色的样式。
你可以看类似京东之类的网站,任何长方形的条状菜单上如果有个缺口,或者这样的小角,都是用图片做的,整个条可能是设置个颜色就可以了,但是特殊处理的一般都是图片做的

温馨提示:内容为网友见解,仅供参考
无其他回答
相似回答