Code boxes

1<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sample Page</title>
</head>
<body>
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet.</p>
</body>
</html>
1nav ul li {
font-size: 1.7em;
transform: translateX(-30px);
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-o-transform: translateX(-30px);
-ms-transform: translateX(-30px);
opacity: 0;
}
nav ul li:nth-child(1) {
transition: all 0.3s ease-out 0.2s;
-webkit-transition: all 0.3s ease-out 0.2s;
-moz-transition: all 0.3s ease-out 0.2s;
-o-transition: all 0.3s ease-out 0.2s;
-ms-transition: all 0.3s ease-out 0.2s;
}
nav ul li:nth-child(2) {
transition: all 0.3s ease-out 0.4s;
-webkit-transition: all 0.3s ease-out 0.4s;
-moz-transition: all 0.3s ease-out 0.4s;
-o-transition: all 0.3s ease-out 0.4s;
-ms-transition: all 0.3s ease-out 0.4s;
}
nav ul li:nth-child(3) {
transition: all 0.3s ease-out 0.6s;
-webkit-transition: all 0.3s ease-out 0.6s;
-moz-transition: all 0.3s ease-out 0.6s;
-o-transition: all 0.3s ease-out 0.6s;
-ms-transition: all 0.3s ease-out 0.6s;
}
nav ul li:nth-child(4) {
transition: all 0.3s ease-out 0.8s;
-webkit-transition: all 0.3s ease-out 0.8s;
-moz-transition: all 0.3s ease-out 0.8s;
-o-transition: all 0.3s ease-out 0.8s;
-ms-transition: all 0.3s ease-out 0.8s;
}
nav ul li:nth-child(5) {
transition: all 0.3s ease-out 1s;
-webkit-transition: all 0.3s ease-out 1s;
-moz-transition: all 0.3s ease-out 1s;
-o-transition: all 0.3s ease-out 1s;
-ms-transition: all 0.3s ease-out 1s;
}
1$('.cd-slider-nav li').on('click', function(event){
event.preventDefault();
var selectedItem = $(this);
if(!selectedItem.hasClass('selected')) {
// if it's not already selected
var selectedPosition = selectedItem.index(),
activePosition = $('.cd-hero-slider .selected').index();
if( activePosition < selectedPosition) {
nextSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedPosition);
} else {
prevSlide($('.cd-hero-slider'), $('.cd-slider-nav'), selectedPosition);
}

updateNavigationMarker(selectedPosition+1);
}
});
1{
"version" : "1.0",
"encoding" : "UTF-8",
"feed" : {
"xmlns" : "http://www.w3.org/2005/Atom",
"xmlns$openSearch" : "http://a9.com/-/spec/opensearchrss/1.0/",
"id" : { "$t" : "tag:blogger.com,1999:blog-934829683866516411" },
"updated" : { "$t" : "2007-03-18T20:43:19.434+01:00" },
"title" : {
"type" : "text",
"$t" : "Beautiful Beta"
},

No comments:

Post a Comment

Hair Fashion Online Blog