Solved

Soth scrolling

Posted on 2013-11-11
2
155 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Remove greater than sign 3 42
Error in script 11 44
Error on link 14 36
jQuery not working on ELSE... why? 2 19
So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

914 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now