Solved

Soth scrolling

Posted on 2013-11-11
2
156 Views
Last Modified: 2013-11-16
If you go to the following site here

http://www.knocktounlock.com/

what plugin or css is being used for the smooth scrolling
0
Comment
Question by:stargateatlantis
2 Comments
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 39640528
With CSS, an  example of what you can find in the page :
section#unlock.on-screen.ready-to-play.play #mac-is-open {
-webkit-animation: fadeIn .3s 0.73s linear 1 forwards;
-moz-animation: fadeIn .3s 0.73s linear 1 forwards;
-ms-animation: fadeIn .3s 0.73s linear 1 forwards;
-o-animation: fadeIn .3s 0.73s linear 1 forwards;
animation: fadeIn .3s 0.73s linear 1 forwards;
}

Open in new window


https://developer.mozilla.org/en-US/docs/Web/CSS/animation
http://blogs.msdn.com/b/davrous/archive/2011/12/06/introduction-aux-animations-css3.aspx
0
 

Author Comment

by:stargateatlantis
ID: 39640797
when you do a page scroll it's so smooth how do u trigger that with javascript
0

Featured Post

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question