如何用CSS实现鼠标移动到图片上，发生图片旋转或变色等响应变化
以及跟着页面移动的悬浮框怎么制作
希望能有完整代码例子，带注释就更好不过了（小白在这里谢谢了）
https://handuyishe.tmall.com/shop/view_shop.htm?spm=a230r.7195193.1997079397.1.81V5Fs参考网站
贴上报错信息
贴上相关截图
已经尝试过哪些方法仍然没解决（附上相关链接）
旋转用 transform:rotate(xxdeg)，最好配上transition平滑过度
变色简单的可以用opacity 或 filter，如 -webkit-filter:grayscale(1)
跟着鼠标移动的悬浮框貌似要用js了
纯css实现? 类似效果多是使用jquery实现，懒人图库或脚本之家找找吧。
<ul>
<li>
<div>改变颜色</div>
</li></ul>
li:hover div { color:red; }
是其他的变化也是同理，
lz 又是你！！、
1：悬浮框是用了布局 position:fixed
2: 那个图片旋转是 css3 属性 transform:rotate |rotateX Y Z|rotate3d
变色的实现思路： 1:图片变色 css3 filter属性， 有限几种变化， 兼容性 不是那么好
2:布局的背景色 变化
3:图片切换
思路给你说了， 直接搜、试、学 ~~~