ChiliBook.automatic = false;
ChiliBook.lineNumbers = true;
$( function() { // catatan penting
$( '#highlight' )
.one( 'click', function() {
var time1 = new Date();
var $chili = $( '#jq' ).chili();
var time2 = new Date();
var delta = time2 - time1;
var spans = $chili.find( 'span' ).length;
var rate = Math.round( spans / delta * 100 ) / 100;
$( '#highlight' ).html(
'highlight done in ' + delta + ' milliseconds'
+ ' with ' + spans + ' spans'
+ ' at a rate of ' + rate * 1000 + ' span/sec'
);
} )
.show()
;
} );textarea {
display:inline-block;
margin:0;
width:98%;
border:2px solid #aaa;
background:#000;
border-radius:6px;
padding:10px 5px 5px 12px;
font:normal 12px Verdana;
line-height:20px;
color:#eee;
max-height:450px;
}
.button {
width:400px;
text-align:right;
float:right;
}
.button-input {
display:inline-block;
width:120px;
margin:0 3px;
}
@keyframes mubeng{
0%{color:blue;}
100%{color:red;}
}
-o-@keyframes mubeng{
0%{color:blue;}
100%{color:red;}
}
#mybox{
width:400px;
height:300px;
padding:10px;
margin:20px auto;
backgropund:red;
transition:1s;
-o-transition:1s;
-ms-transition:1s;
-ms-transition:1s;
-webkit-transition:1s;
animation:mubeng linear alternate;
-o-animation:mubeng linear alternate;
-ms-animation:mubeng linear alternate;
-moz-animation:mubeng linear alternate;
-webkit-animation:mubeng linear alternate;
}
#box:hover{
transform:rotate(180deg) translate(10px,20px) scale(1.5);
-o-transform:rotate(180deg) translate(10px,20px) scale(1.5);
-ms-transform:rotate(180deg) translate(10px,20px) scale(1.5);
-moz-transform:rotate(180deg) translate(10px,20px) scale(1.5);
-webkit-transform:rotate(180deg) translate(10px,20px) scale(1.5);
}
No comments:
Post a Comment