Rotate Parent but not child on hover
问题 The <figure> element should rotate on hover but not its child, the <img> . Using SCSS only. <figure> has a background slightly bigger than <img> so it gives a border effect. .about__image { margin: 4rem; width: 27rem; height: 27rem; float: left; -webkit-shape-outside: circle(50% at 50% 50%); shape-outside: circle(50% at 50% 50%); -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); position: relative; background-image: radial-gradient(at left top, red 25%, blue 55%);