Animation upon scrolling
السلام عليكم
اري بعض المشاريع يبدا ال elements الخاصه بها ف الظهور اعتمادا عل ظهورها أثناء ال scrolling
مثلا لا يظهر ال section الا عندما ابدا scroll واصل اليه ويظهر عل هيئه animation
انا اعرف استخدام مكتبه animation ولكن المكتبه تبدأ عملها عند refresh فقط
فهل يمكن توضيح كيف يمكنني فعل هذا الانميشن بناء عل ال scrolling
يمكنك تنفيذ هذا التأثير باستخدام js بسهولة وهذا مثال بسيط :
<!DOCTYPE html>
<html>
<head>
<style>
/* تعريف الانيميشن */
@keyframes example {
from {
opacity: 0;
}
/* تحديد الخصائص الأولية للعنصر */
to {
opacity: 1;
}
/* تحديد الخصائص النهائية للعنصر */
}
body {
height: 1600px;
}
/* تطبيق الانيميشن على العنصر */
.example {
opacity: 0;
/* تحديد الخصائص الأولية للعنصر */
animation-name: example;
/* استخدام الانيم
