0

на сайте

есть элемент с кнопкой play, сделал html код и css а желтый круг не получается сделает думаю каким то скриптом сделано

4

1 ответ 1

1

На сайте используется эта библиотека для создания круга.

var circle = $('#circle')

circle.circleProgress({
    value: 0.75,
    size: 80,
    fill: "#fdba45",
  });

circle.mouseover(function() {
	circle.circleProgress('value', 1);
})

circle.mouseleave(function() {
	circle.circleProgress('value', 0.75);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-circle-progress/1.2.2/circle-progress.min.js"></script>

<div id="circle"></div>

С настройками и стилями, надеюсь, вопросов не возникнет

6
  • спасибо большое 4 фев 2019 в 12:42
  • подскажите пожалуйста а можно что бы круг заполнялся при наведении на блок в целом а не на этот элемент 7 фев 2019 в 22:14
  • сделал тут xn----8sbbqciguqh1bit.xn--p1ai 7 фев 2019 в 22:16
  • @ЭлвинАлиев если ответ был полезным, за него можно проголосовать 8 фев 2019 в 7:35
  • подсказать еще можете? 9 фев 2019 в 11:44

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.