Эффект появления углов при наведении

Создай ЗероБлок и добавь в нем кнопочку
Кнопочке добавь класс cat-corner
Скопируй код и вставь его в блок T123
1
2
3
<style>

    .cat-corner:hover {
  --_gradient: linear-gradient(to right, #3E77AE 0%, #3E77AE 100%); /*сюда можешь добавить любой цвет*/
  --_t: 2px;
  --_s: 10px;
    
  position: relative;

  &::after {
    content: "";
    background: var(--_gradient) top left / var(--_t) var(--_s),
      var(--_gradient) top left / var(--_s) var(--_t),
      var(--_gradient) top right / var(--_s) var(--_t),
      var(--_gradient) top right / var(--_t) var(--_s),
      var(--_gradient) bottom left / var(--_t) var(--_s),
      var(--_gradient) bottom left / var(--_s) var(--_t),
      var(--_gradient) bottom right / var(--_s) var(--_t),
      var(--_gradient) bottom right / var(--_t) var(--_s);
    background-repeat: no-repeat;
    inset: 0;
    pointer-events: none;
    position: absolute;
  }
}
    
</style>

Мяу Мяу Мяу
Made on
Tilda