window.sr = ScrollReveal() sr.reveal('.reveal') Ĭongratulations! The default animation should now be up and running! Here is the functionality that comes baked in. In your javascript file include the below code to initialize the library. Once installed, pick the HTML elements that you would like to manipulate and create a CSS class on those elements. There is also a option to install with npm and bower if you prefer. There are several different ways to install the library which you can find in the documentation but the simplest method to get you up and running is to simply include the link to provided in the documentation before your closing HTML body tag. This website is a great example of the different animations. The starting location, scale, distance, duration and easing are all fully customizable and simple to adjust. Any valid CSS distance is able to be used e.g rem, %, vw and px. By default, animations will begin fading in from the bottom at a distance of 20px. You are able to make any HTML element fade in from any direction, distance, duration, or easing style. Before we get into the installation let’s talk about all the awesome animations it can do! The library is just 3Kbs in size if minified and requires no dependencies, making installation to new or existing websites quick and easy. It allows you to add some spice to otherwise humdrum web pages and portfolio sites. It sets a unique ID to embed videos to the is a light weight javascript animation library that is fully responsive across all devices and browsers. This cookie is used by vimeo to collect tracking information. This domain of this cookie is owned by Vimeo. This cookie is used for storing the unique ID which is used for identifying the user's device, on their revisit to the websites which uses same ad network. The data collected including the number visitors, the source where they have come from, and the pages viisted in an anonymous form. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the wbsite is doing. This cookie is installed by Google Analytics. The cookies store information anonymously and assign a randomly generated number to identify unique visitors. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc. It does not store any personal data.Īnalytical cookies are used to understand how visitors interact with the website. The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. The cookie is a session cookies and is deleted when all the browser windows are closed. The cookie is used to store and identify a users' unique session ID for the purpose of managing user session on the website. This cookie is native to PHP applications. The cookies is used to store the user consent for the cookies in the category "Non-necessary". This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". This cookie is used for load balancing and for identifying trusted web traffic. This cookie is set by the provider Cloudflare. It does not correspond to any user ID in the web application and does not store any personally identifiable information. The cookie is used by cdn services like CloudFare to identify individual clients behind a shared IP address and apply security settings on a per-client basis. These cookies ensure basic functionalities and security features of the website, anonymously. Necessary cookies are absolutely essential for the website to function properly.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |