بارامنيسيا

}h1 html { font-size: 10px; /* px means 'pixels': the base font size is now 10 pixels high */ font-family://fonts.googleapis.com/css?family=Open+Sans : this should be the rest of the output you got from Google fonts { color: red; } html { font-size: 10px; /* px means 'pixels': the base font size is now 10 pixels high */ font-family://fonts.googleapis.com/css?family=Open+Sans : this should be the rest of the output you got from Google fonts >/} h1 { font-size: 60px; text-align: center; } p, li { font-size: 16px; line-height: 2; letter-spacing: 1px; } h1 { margin: 0; padding: 20px 0; color: #00539F; text-shadow: 3px 3px 1px orange; }

* { margin: 0; padding: 0; } html { overflow-y: scroll; } body { background: #f0f0f0; color: #000; } img { border: 0;

max-width: 100%; } #wrapper { display: block; width: 750px; margin: 0 auto; padding-top: 30px; padding-bottom: 45px; } .rightAlign { float: right; } .leftAlign { float: left; } .animateBlock { margin-top: 20px; display: inline-block; opacity: 0; filter: alpha(opacity=0); position: relative; -webkit-transition: all .55s ease-in; -moz-transition: all .55s ease-in; -ms-transition: all .55s ease-in; -o-transition: all .55s ease-in; transition: all .55s ease-in; } .animateBlock.left { left: -20%; } .animateBlock.right { right: -20%; } .left.animated { left: 0%; opacity: 1; filter: alpha(opacity=100); } .right.animated { right: 0%; opacity: 1; filter: alpha(opacity=100); } #Txt { width: 300px; padding-left: 15px; padding-top: 12px; text-align: center; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }$(function() { var $elements = $('.animateBlock.notAnimated'); //contains elements of nonAnimated class var $window = $(window); $window.on('scroll', function(e) { $elements.each(function(i, elem) { //loop through each element if ($(this).hasClass('animated')) // check if already animated return; animateMe($(this)); }); }); }); function animateMe(elem) { var winTop = $(window).scrollTop(); // calculate distance from top of window var winBottom = winTop + $(window).height(); var elemTop = $(elem).offset().top; // element distance from top of page var elemBottom = elemTop + $(elem).height(); if ((elemBottom <= winBottom) && (elemTop >= winTop)) { // exchange classes if element visible $(elem).removeClass('notAnimated').addClass('animated'); } }

hurriyatsudan

Deborah De Robertis e "L'origine del mondo"

Popular Posts