Во время изучения CSS я наткнулся на веб -сайт, где кнопка ограждает сияющий эффект, как будто свет вокруг них оборачивал. Это вдохновило меня на разработку моих собственных кнопок с аналогичным эффектом, но вместо этого текст, движущийся вокруг них. Можно ли это достичь? Если да, то как мне продолжить? Кнопка с гладкими краями (определенный радиус границы). < /p>
.rotating-text span:nth-child(2) { transform: rotate(18deg) translate(100px, -65px); }
.rotating-text span:nth-child(3) { transform: rotate(36deg) translate(80px, -75px); }
.rotating-text span:nth-child(4) { transform: rotate(54deg) translate(50px, -78px); }
.rotating-text span:nth-child(5) { transform: rotate(72deg) translate(20px, -80px); }
.rotating-text span:nth-child(6) { transform: rotate(90deg) translate(-10px, -80px); }
.rotating-text span:nth-child(7) { transform: rotate(108deg) translate(-40px, -78px); }
.rotating-text span:nth-child(8) { transform: rotate(126deg) translate(-70px, -75px); }
.rotating-text span:nth-child(9) { transform: rotate(144deg) translate(-100px, -65px); }
.rotating-text span:nth-child(10) { transform: rotate(162deg) translate(-120px, -50px); }
/* Rotating Animation */
@keyframes rotateText {`your text`
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }```
Подробнее здесь: https://stackoverflow.com/questions/794 ... ton-in-css
