Разработка Эффект Gooey при наведении на кнопку

[baltun]

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

Эффект Gooey при наведении на кнопку - Эффект Gooey при наведении на кнопку.

Пишем код HTML:

<button data-gooey>Hover over me</button>
<button data-gooey>Gooey, eh?</button>
<button data-gooey>
  <a href="https://garet.io" target="_blank">garet.io</a></button>

Пишем стиль для кнопок:

$bgColor: papayawhip;
$buttonColor: dodgerblue;
$buttonTextColor: white;

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: $bgColor;
  margin: 0;
  padding: 0;
}

button {...

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