scrollreveal

scrollreveal is used by 0.10% of sites

Official Website

Category

ScrollReveal is a JavaScript library that enables you to create scroll animations on web pages. It provides a simple and lightweight way to animate elements as they become visible in the viewport during scrolling.

Here are some key features and functionalities of ScrollReveal:

Scroll-based Animations: ScrollReveal allows you to define animations that are triggered when an element enters or exits the viewport during scrolling. You can specify the animation effects, such as fading, sliding, rotating, scaling, or custom CSS transformations.

Easy Setup and Configuration: ScrollReveal provides a straightforward API for initializing and configuring animations. You can define options such as the animation duration, delay, easing function, and offset values to fine-tune the appearance and behavior of the animations.

Selective Animations: With ScrollReveal, you can target specific elements on your web page and apply animations selectively. This gives you control over which elements are animated and allows you to create engaging and interactive scroll effects.

Callbacks and Event Handling: ScrollReveal offers callback functions that can be triggered at various points during the animation lifecycle. You can utilize these callbacks to perform additional actions or add custom logic when animations start, end, or update.

Integration with CSS and JavaScript: ScrollReveal seamlessly integrates with CSS classes and JavaScript. You can apply CSS classes to elements that will be animated, and ScrollReveal will handle the transition between the original and animated states. Additionally, you can use ScrollReveal's JavaScript methods to control animations programmatically.

Customization and Styling: ScrollReveal provides options for customizing the appearance and styling of animated elements. You can specify CSS properties, such as opacity, color, size, or background, to be applied at different stages of the animation.

Mobile-Friendly: ScrollReveal is designed to work well on mobile devices and supports touch events. It ensures that animations are smooth and performant across different screen sizes and touch interactions.

Browser Compatibility: ScrollReveal is compatible with modern web browsers and gracefully degrades in older browsers that do not support CSS animations or JavaScript.

ScrollReveal simplifies the process of adding scroll-based animations to web pages, allowing you to create visually appealing and interactive effects as users scroll through your content. It is commonly used in website development and can enhance the user experience by adding engaging visual elements to the scrolling experience.

Top Websites using scrollreveal

: Bounce ratePages / VisitVisit duration
1liana-steinmetz.myshopify.com Contemporary California oil landscape paintings by Liana Steinmetz. Liana is a plein air and studio painter based in Northern California. Her shop has colorful original oil paintings as well as prints. She paints contemporary landscapes, botanicals and abstract paintings. Most of her paintings are from the Californa Coast and Bay Area. Mount Tamalpais is her favorite place to paint.: 58.33 3.52 09:17
2refished.myshopify.com REFISHED fair fashion Wir sind eine FAIR FASHION UPCYCLING Marke, die auf der ganzen Welt nach Mode und Accessoires fischt, die man einfach lieben muss! Jedes einzelne REFISHED Produkt wird auf ethisch korrekte Art und Weise designed, gewonnen und gefertigt und du erfährst von uns WER es gemacht hat, WO es gefertigt wurde und auch das WIE!: 58.33 3.52 09:17
3itai.netlify.app Itai Mizlish | Frontend Developer I'm Itai. FrontEnd Developer. I am a UI/UX designer, a web developer, programmer and an autodidact.: 60.92 3.25 10:47
4yunyoujun.netlify.app 云游君的小站 希望能成为一个有趣的人: 60.92 3.25 10:47
5bwonline.com: n/a 4.41 n/a
6mtlreader.com Just a moment... Providing you the best machine translated japanese light novels and web novels to read for free!: 31.88 8.78 12:33
7***varta.com: 8.77 24.00 04:29
8zab.za.net Zachary Ball: n/a 6.26 n/a
9lab.co.ao AGÊNCIA LAB: n/a 20.00 n/a
10shoponline.support Shop Online Support, Your Online Shopping Guide All Worldwide Shipping Stores on one Website plus Daily News about Fashion (SALE), Gadgets, Sport & Health, Homeware, Art, Books, Toys and more.: n/a 62.00 n/a
11tribute.com.hk: n/a 4.38 n/a
12megacloud.com MegaCloud - Home - Your files wherever you are MegaCloud is the only free cloud storage service that gives you both an 8GB dedicated file storage and 8GB backup service for free. Protect your data, access your files globally and even share them in an instant.: n/a 1.63 n/a
13coachfactoryonlinestore.com: n/a 46.00 n/a
14goalserve.com goalserve.com Goalserve delivers live scores from all major leagues around the world. From Manchester U. to AC Milan to Real Madrid to Lyon to Manchester U. to AC Milan to Real Madrid to Lyon to Burnley to Stoke C. to Reading to Derby County to Burghausen to Regensburg to Borussia Dortmund (Am) to Werder Bremen (Am) to Carl Zeiss Jena to Holstein Kiel to Holstein Kiel to Braunschweig to Bordeaux to Auxerre. See when a goal is scored. In in the world Soccer, in Europe Soccer. Soccer in the world.: n/a 28.00 n/a
15scribeseo.com: n/a 2.18 n/a
16rrsa.org.uk: n/a 67.00 n/a
17pub-ptp.fr: n/a 27.00 n/a
18sc-ye.com: n/a 70.00 n/a
19glad123.com: n/a 2.28 n/a
20just-ask-kim.com: n/a 3.23 n/a
21fowllanguagecomics.com
Fowl Language Comics - by Brian Gordon
Weekly cartoons about a geeky, neu***, duck trying to survive in a stupid, stupid world.: n/a 6.80 n/a
22bargain***.com
英会話スクールには幅広いコースが存在します
なんばの英会話スクールでは、様々な種類のコースがあります。初心者から上級者まで在籍しており、自分の能力にあったコースで学ぶことで着実に英語の能力を高めていけるのです。: n/a 3.20 n/a
23netbk.co.jp 東京都港区。インターネット専業の銀行。企業概要、提供サービス・商品の紹介。: n/a 6.29 n/a
24nmsu.edu NMSU - All About Discovery | New Mexico State University New Mexico State University (NMSU) is a land-grant university based in Las Cruces, New Mexico, with Extension and Research centers statewide and campuses in Alamogordo, Carlsbad, Doña Ana County and Grants: n/a 3.66 n/a
25altium.com Unified Electronics Development for Modern Engineers | Altium Altium connects design, collaboration, and manufacturing in one platform, helping engineers build tomorrow’s technology with 35+ years of expertise.: 40.11 11.62 04:14
26runsignup.com RunSignUp RunSignUp provides a simple way to register for races. You can create and manage your race for free.: 18.83 2.75 14:37
27campuslabs.com Home - Campus Labs: n/a 2.93 n/a
28primexamples.com: n/a 3.09 n/a
29progecadindia.com: n/a 25.00 n/a
30codigosur.net: n/a 4.10 n/a
31udesign.ws: n/a 60.00 n/a
32designwatchcopy.com: n/a 38.00 n/a
33druckereivergleich.ch: n/a 22.00 n/a
34montessori.qld.edu.au MIC – Montessori International College | Education Reimagined MIC is committed to providing ways of working that ensure students have the skills to shape their own futures and the futures of their communities: 34.28 4.91 08:30
35placs.net: n/a 14.00 n/a
36casted.us: n/a 16.00 n/a
37strathfieldgolf.com.au Home - Strathfield Golf Club Clubhouse hours: 10:00 am – 7:00 pm Monday 10:00 am – 7:00 pm Tuesday 10:00 am – 9:30 pm Wednesday...: 0.89 25.45 02:32
38caliberis.com Caliber Information Systems: n/a 13.91 19:27
39masteranime.tv Masteranime - Watch Anime Online Free | MasterAni Masteranime - masterani.me - is an anime info database with a streaming option to watch anime in HD. Join the community to keep track of your watched anime and get to follow friends to see what they're watching.: 32.68 5.34 37:09
40tamaracinc.com Envestnet | Tamarac - Integrated RIA Platform Investment strategy management software and onsite consulting for wealth management and investment advisory practices: n/a 8.00 n/a
41shipt.com Grocery Delivery - Shipt Simplify your life with grocery delivery! Shipt makes grocery shopping fast, simple and convenient through the Shipt mobile app and reliable Shoppers.: 26.79 3.19 09:18
42unimhk.com UNI Ads Program - Monetize your site better than ever! - www.unimhk.com UNI Ads Program - Monetize your site better than ever! - www.unimhk.com: n/a 14.20 n/a
43worldwidecoach.com: n/a 9.90 n/a
44unifin.com.mx: n/a 25.00 n/a
45rit.edu Rochester Institute of Technology | RIT World leader in co-op. Top-ranked university for innovation. Majors emphasizing career experience and success. RIT: We’re always on to something amazing.: 26.18 0.00 19:38
46linkdriving.info: n/a 1.80 n/a
47linkdraw.info: n/a 1.80 n/a
48siiiis.com: n/a 6.30 n/a
49joomspirit.com Joomla templates - beautiful and unique design The best place to find a beautiful design : Responsive design, HTML5, CSS3, ...: n/a 6.00 n/a
50hosterbox.com 2023's Best Canadian Website Hosting | Hosterbox Hosterbox is a leading Canadian Web Hosting provider allowing you to host and scale your web presence. We accept Bitcoin and offer Bitcoin web hosting.: n/a 18.00 n/a

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 > >>