Есть ли способ расширить круг от его средней точки как влево, так и вправо? ⇐ CSS

[Anonymous]

Я хочу создать эффект, при котором круг будет расширяться одновременно влево и вправо. Я видел этот ответ из другого сообщения: https://stackoverflow.com/a/29922969
это код, воспроизведенный в их ответе:

Код: Выделить всё

.logo {
width: 100px;
height: 100px;
border-radius: 50px;
background: red;
transition: width 2s;
}

.logo:hover {
width: 300px;
}

Код: Выделить всё

и это именно тот эффект, который мне нужен, за исключением того, что он должен расширяться от центра, а не слева направо.
Я пробовал это с помощью ИИ, но даже он не смог этого сделать и воссоздал тот же эффект из предоставленного ответа, но не от центра к левому и правому краю.



Подробнее здесь: https://stackoverflow.com/questions/794 ... -and-right