Разработка Радужный свет при наведении на кнопку

[baltun]

baltun разместил(а) новый ресурс:

Радужный свет при наведении на кнопку - Радужный свет при наведении на кнопку.

Пишем разметку:

<button class="prism">Click Me</button>
<button class="prism">Click Me</button>

Пишем стиль для разметки:

.prism {
  --intensity: 1;
  --scaleFactor: 1.01;
  --blur: 5;
  --redTop: 0;
  --redLeft: 0;
  --greenTop: 0;
  --greenLeft: 0;
  --blueTop: 0;
  --blueLeft: 0;
  position: relative;
  top: 0;
  color: var(--fg);
  background: var(--bg);
  border: 2px solid #333;
  transition: border-color 0.2s linear, top 0.1s ease;
 
  & > .red, & > .green, & >...

Посмотреть страницу этого ресурса...