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

[baltun]

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

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

Пишем наше тело:

<button style="--content: 'Hover me!';"><div class="left"></div>Hover me!<div class="right"></div></button>

Пишем стиль:

@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:200,900');

:root {
  --text-color: hsla(210, 50%, 85%, 1);
  --shadow-color: hsla(210, 40%, 52%, .4);
  --btn-color: hsl(210, 80%, 42%);
  --bg-color: #141218;
}

* {
  box-sizing: border-box;
}

html, body {
  width: 100%;
  height: 100%;
  display: flex...

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