Классная кнопка

[IVAN.Z 2]

Данный код вставляем на тех страницах сайта на которых хотим видеть кнопку.

<a class="backToSitehereBtn" href="specials.php">
		<span>Скидки</span> <i class="fas fa-bicycle"></i>
	</a>

В стили в конце вставляем  /ваш шаблон/stylesheet.css

/*Кнопка "К статье"*/
.backToSitehereBtn{
  display: block;
  width: 150px;
  height: 150px;
  background: #01BC78;
  text-align: center;
  line-height: 170px;
  font-size: 20px;
  border-radius: 50%;
  color:#fff;
  position: absolute;
  text-decoration: none;
  top:-40px;
  left:-40px;
  transform:rotate(-45deg) scale(1);
  transition:all 0.25s linear;
}

.backToSitehereBtn:hover {
  text-decoration: none;
  top:-10px;
  left:-10px;
  transform:rotate(-45deg) scale(1.3);
}

Получаем такую кнопку, при наведении срабатывает анимация, все демо у меня на сайте https://velomoto63.ru

Код простой а кнопка нужная и интересная для гостей сайта. 

 

 

to be continued

[support 447]

Спасибо за код.