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