The rotate rotation element does not rotate according to the center point

the specific code is as follows:

https://codepen.io/chenbo/pen/qvOmrq
The

code is not original either. It uses rotate but does not rotate according to transform-origin: center. It feels like the element floats up or down

.
Jul.19,2022

you are using iconfont, and there is a slight deviation between the center of the icon and the center of the div, which is probably the problem of the icon designer.


transform-origin

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1db3dc9-54822.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1db3dc9-54822.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?