WordPress איך פותחים תפריט פופאפ בצורה עיגולית..?

[TWIN-A]

באתר המצ"ב

Tobias Ahlin

SpinKit, Moving Letters, projects, and more.

tobiasahlin.com

התפריט נפתח בצורה עיגולית..
יש דרך להשיג את הקוד שעושה את זה?

אשמח לעזרה,
תודה רבה!

 

[אלעזר 1]

זו שכבת רקע של אלמנט canvas שמופעלת עם קוד JS שנמצא כאן:

https://tobiasahlin.com/js/app.js?v=1

 

[TWIN-A]

זו שכבת רקע של אלמנט canvas שמופעלת עם קוד JS שנמצא כאן:

https://tobiasahlin.com/js/app.js?v=1

תודה,
כאחת שלא מתכנתת במקצועי, אלא בונה בוורדפרס אלמנטור, יש דרך שאוכל לדעת איך להשתמש או להטמיע את הקוד הנ"ל? כדי שזה יעבוד?

 

[roni ravitz]

קשה לעשות משהו שנראה מאוד טוב,
הנה משהו בסיסי,
לחיצה על אייקון מקפיצה פופאפ של אלמנטור,
בפופאפ תגררי לאנשהו ווידג'ט רווח,
בcss מותאם תכניסי קוד בכיוון הזה

selector{
    z-index: 0;
    background: red;
    position: fixed;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    border-radius: 0% 0% 100% 0%;
    animation-name: roni;
    animation-duration: 2s;
    animation-fill-mode: both;
    
}
@keyframes roni{
    0%{
      width: 100px;
    height: 100px;
    border-radius: 0% 0% 100% 0%; 
    }
    100%{
        width: 2000px;
    height: 2000px;
    border-radius: 0% 0% 0% 0%;
    }
}

 

[מפצח אתגרים]

זה נעשה עם ספריה שנקרא anime.js פה יש לך את הקוד איך לעשות את זה

https://codepen.io/amitasaurus/pen/aqmOgB

דוגמה נוספת

https://codepen.io/ig_design/pen/VgaXaY?ref=morioh.com&utm_source=morioh.com