Difference between revisions of "Team:ShanghaitechChina/misc"

Line 1: Line 1:
−
<!DOCTYPE html>
 
 
<html>
 
<html>
 
<style>
 
<style>
−
html{
 
−
width:100%;
 
−
}
 
−
body{
 
−
width:100%;
 
−
}
 
−
body,td,th {
 
−
font-family: Arial, Helvetica, sans-serif;
 
−
}
 
  
 
#top_title, #sideMenu{
 
#top_title, #sideMenu{

Revision as of 07:02, 17 October 2016

skrollr - parallax scrolling for the masses

skrollr

parallax scrolling for the masses

let's get scrollin' ;-)

▼ ▼ ▼

transform

scale, skew and rotate the sh** out of any element

all numeric properties

width, height, padding, font-size, z-index, blah blah blah

easing?

sure.

let me dim the lights for this one...

you can set easings for each property and define own easing functions

linear
quadratic
cubic
swing
WTF
inverted
bounce

the end

by the way, you can also animate colors (you did notice this, didn't you?)

Now get this thing on GitHub and spread the word, it's open source!

Check out more examples.

Handcrafted by