Example

larryvanwave-ff's avatar
larryvanwave-ff
Community Member
3 months ago

The Circle of Trust

This is an example of using a simple drag-and-drop interface to highlight different topics.

 

 

 

View Example

4 Replies

  • BilliSwitals189's avatar
    BilliSwitals189
    Community Member
    3 months ago

    Really like the look and feel of this design. I am curious of how you had the outer circle rotate constantly. :-)

  • larryvanwave-ff's avatar
    larryvanwave-ff
    Community Member
    3 months ago

    Hi Bill,

    Thank you for the positive feedback. The outer circle rotates by JavaScript GSAP:

    var  slowCircle = document.querySelectorAll( "[data-acc-text='rotateCircle']");
     
    var circleTime = gsap.timeline({repeat: -1});
        circleTime.to(slowCircle, {rotation:360, duration:124});
     

Getting Started with the E-Learning Challenges

Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.