React AOS on scroll Animation Effect

இந்த பக்கத்தில் உங்கள் React வலைத்தளத்தில் AOS ஒன் ஸ்க்ரோல் ஆனிமேஷன் பயன்படுத்துவதை கற்றல்.

படுகை 1: AOS நீட்சியை வைத்தல்

<script src=”https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js”></script>

படுகை 2: AOS CSS பட்டியலில் சேர்க்கை

<link href=”https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css” rel=”stylesheet”>

படுகை 3: ஆனிமேஷனின் அமைப்பை சரி பார்க்கவும்

<div data-aos=”fade-up” data-aos-duration=”1000″ data-aos-easing=”ease-in-out”>இங்கே உள்ள உலகின் உலகம்</div>

படுகை 4: ஆனிமேஷன் பயன்படுத்துவதின் பின்னணி

AOS ஆனிமேஷனை செயல்படுத்த முடிவடைந்த அனைத்து உலகங்களை சரியாக காண்கவும்.