Circular Text or Emoji or
Analogue Clock
or
Roulette Wheel
or
Periodic Table Quiz
RJM Programming
-
December, 2018 ... Thanks to
https://appendto.com/2016/09/how-to-make-circularcurved-text-with-javascript/
Your
text (14px)
text (6px)
text (8px)
text (9px)
text (10px)
text (10px)
text (11px)
text (12px)
text (13px)
text (20px)
text (24px)
text (32px)
text (40px)
text (48px)
text (64px)
(on circle radius
arc):
⚽
⚽
⚽
▶
.fade { -webkit-animation: fade 11s ease-in-out infinite alternate; -moz-animation: fade 11s ease-in-out infinite alternate; animation: fade 11s ease-in-out infinite alternate; } @keyframes fade { from { background-image: url(); text-shadow: 0 0 3px #fff, 0 0 5px #fff, 0 0 37px #e60073, 0 0 9px #e60073, 0 0 11px #e60073, 0 0 13px #e60073, 0 0 15px #e60073; background-repeat: no-repeat; background-size: 300px 300px; } to { background-image: URL(); text-shadow: 0 0 24px #fff, 0 0 6px #ff4da6, 0 0 8px #ff4da6, 0 0 10px #ff4da6, 0 0 12px #ff4da6, 0 0 14px #ff4da6, 0 0 16px #ff4da6; background-repeat: no-repeat; background-size: 300px 300px; } }