-var
-arg = {
- 'font-size':'2em',
- 'transform':'rotate(5deg)'
-};
-narg = {
- 'font-size':'initial',
- 'transform':'initial'
-};
$(function(){
$('div').on('click',function(){
- $(this).css(arg);
- })
- .on('mouseout',function(){
- $(this).css(narg);
- })
- .on('mousemove',function(){
- $(this).css(narg);
+ var $title = $(this),
+ span1 = 1500,
+ span2 = 200;
+ $title.css('font-size','2em');
+ $({deg:5}).animate({deg:365},{
+ duration:500,
+ progress:function(){
+ $title.css({
+ '-webkit-transform':'rotate('+this.deg+'deg)',
+ '-ms-transform':'rotate('+this.deg+'deg)',
+ 'ransform':'rotate('+this.deg+'deg)'
+ });
+ }
+ });
+ $({deg:5}).delay(span1).animate({deg:0},{
+ duration:span2,
+ progress:function(){
+ $title.css({
+ '-webkit-transform':'rotate('+this.deg+'deg)',
+ '-ms-transform':'rotate('+this.deg+'deg)',
+ 'transform':'rotate('+this.deg+'deg)'
+ });
+ }
+ });
+ $title.delay(span1+span2).animate({'font-size':'1em'},1);
});
});
-$(document).ready(function(){
- $('.livepreview').livePreview({
- trigger: 'hover',
- viewWidth: 300,
- viewHeight: 200,
- targetWidth: 1000,
- targetHeight: 800,
- scale: '0.5',
- offset: 50,
- position: 'left'
- });
-});
\ No newline at end of file