<!DOCTYPE html> | |
<style> | |
* { | |
margin: 0; | |
padding: 0; | |
} | |
span { | |
display: inline-block; | |
width: 100px; | |
height: 100px; | |
} | |
#span2 { | |
rotate: 90deg; | |
offset: path('m 0 0 v 200') 100px auto; | |
offset-anchor: 15% 40%; | |
transform-origin: 20% 30%; | |
} | |
</style> | |
<span>span1</span> | |
<span id="span2">span2</span> | |
<span>span3</span> |