.sr-only class is used to hide an element in all device except screenreader.
So in this blog, we’re going to create a little bit more at creative custom animation using the animate in jQuery.
In the previous blog, we also learn how can animate multiple C S S properties at once. So let’s go ahead and do that for the blue box first in index.html, with help of style.css & main.js.
So let’s go ahead and check this page in the browser.
In this blog, I am creating a page using HTML, CSS & jQuery after that define Moving Elements. So, Let’s create an index.html, main.js & style.css below-
Are right let’s create our first animation that’s not actually built in any nation but a custom one. And to get started with custom animations we’re just going to create a very simple one and this blog-
Arrange the elements easily with the positioning utilities.
- .fixed-top class is use to fix the element in the top position of the page.
- .fixed-bottom class is use to fix the element in the bottom position of the page.
- .sticky-top class is use to stick the element at the top of the page when you scroll past it.
Step 01 : Copy hosts file
Copy hosts file and past in another local Disk E or F.
Step 02 : Open hosts file
Edit file and save in txt extension.
Step 03 : Change file name
Like hosts.txt -> hosts.file
Step 04 : In hosts file
Change hosts.file -> file name into -> hosts .