这种效果 CSS 怎么写

想请教大神这种鼠标经过1变成一个按钮图标其他位置变成图标是纯CSS 写出来的还是配合Jquery 小白，请大神给一个思路。

<style>
	li span{
		border: 6px solid transparent;
		border-left-color: red;
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: -15px;
		margin-right: 10px;
		visibility: hidden;
	}
	li:hover{
		color: red;
		list-style-type: none;
	}
	li:hover span{
		visibility: visible;
	}
</style>
</head>
<body>

<ol>
	<li><span></span>SSS</li>
	<li><span></span>KKK</li>
	<li><span></span>TTT</li>
</ol>

li span:hover {
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-left: 100px solid rgb(243,76,51);
    border-bottom: 50px solid transparent;
}

你懂我意思了吧

span里面放数字

文字颜色变化也用hover 自己加一下

用li:hover就可以，

li:hover span{} 鼠标经过li时改变 li 中 span 的样式

三角形不是图片吗

最简单的方式就是使用css的hover效果就可以了

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

请看实际效果：https://hovertree.com/h/bjag/1oj0blj5.htm

三角形可用纯css+html实现

:hover可以

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y

jq鼠标划过事件然后this 指向在以改变就ok了