Html 伪元素上的转换：在不工作之前和之后

我知道以前有人问过这个问题，但我有一个具体的问题，我似乎无法解决其他问题中所回答的问题

我有一个缩略图，上面有一个：after play图标，只在悬停时显示这是一个视频，但不透明度转换并不仅仅适用于图像

有人知道解决办法吗

.play-icon:hover:after {
position:absolute;
cursor: pointer;
top:0; 
left:0;
content:'';
width: 100%;
height: 100%;
background: url("http://www.kiddyjunction.ca/support/images/ilightbox/light-skin/thumb-overlay-play.png");
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;   
z-index: 9999;
}

这里的

我假设

---

谢谢你，伙计！奇怪的是，my:hover for all hover不适用于：after元素。转换可以很好地处理伪元素。但您不是在为伪元素设置动画，而是在为元素设置动画。很高兴能帮忙。