У меня есть div с некоторым форматированием текста. Как получить глубину текста, чтобы дать лучший 3D-эффект? Чтобы уточнить, в 90deg
текст становится 1px
толстым, потому что мы можем видеть его сбоку - как это сделать, например, 10px
толщиной? Кроме того, должно быть указано соответствующее количество глубины - т.е. При 0deg
мы не видим глубины; при 45deg
мы видим глубину 5px
; при 90deg
мы видим полную глубину 10px
; и др.
Я получаю только решение CSS.
#spinner {
animation-name: spinner;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-duration: 3s;
transform-style: preserve-3d;
text-align:center;
}
@keyframes spinner {
from {
transform: rotateY(0deg);
}
to {
transform: rotateY(-360deg);
}
}
<p id="spinner">Stop, I'm getting dizzy!</p>