about v.3

In this example below you will see how to do a about v.3 with some HTML / CSS and Javascript

This awesome code was written by Z-V, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Z-V ©
  • HTML
  • CSS
  • JavaScript
    <div id="doorman" data-doorman>Welcome</div>

/*Downloaded from https://www.codeseek.co/Z-V/about-v3-BYwRNO */

/*Downloaded from https://www.codeseek.co/Z-V/about-v3-BYwRNO */
    const element = document.getElementById('doorman');
const doorman = new Doorman(element, {
  direction: 'lr',
  bgColor: 'linear-gradient(135deg, #34b288, #7bc059)',
  duration: '300',
  delay: '0',
  easing: 'cubic-bezier(0.860, 0.000, 0.070, 1.000)', // easeInOutQuint
  reverse: false,
  begin: function(element) { },
  complete: function(element) { }