შესვლა

დასახელება: 3d ეფექტი მაუსის კურსორის მიტანისას
ძრავა: ყველა
დემო: CLICK

აღწერა: 3d ეფექტი მაუსის კურსორის მიტანისას ძალიან ლამაზია იმედია მოგეწონებათ

1.ატვირთეთ არქივში მოცემული ფაილები საიტზე

2. ეს კოდი ჩასვით სადაც გინდათ

Code
<!DOCTYPE html>
<html lang="ru">
  <head>
  <title>3D მინუატურა | pcvector.net</title>
  <meta charset="windows-1251" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="3D Thumbnail Hover Effects" />
  <meta name="keywords" content="3d, 3dtransform, hover, მიტანა, effect, ეფექტი, thumbnail,მინიატურა, overlay, curved, folded" />
  <link rel="shortcut icon" href="/favicon.ico">
  <link rel="stylesheet" type="text/css" href="css/demo.css" />
  <link rel="stylesheet" type="text/css" href="css/style_common.css" />
  <link rel="stylesheet" type="text/css" href="css/style1.css" />
  <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300,300italic' rel='stylesheet' type='text/css' />
  <script type="text/javascript" src="js/modernizr.custom.69142.js"></script>
  </head>
  <body>
   

   
  <div class="container">
   
  <header>
   
  <h1><span>3D მინიატურა</span> ეფექტი მაუსის მიტანისას</h1>
  <h2><strong></strong></h2>
   
   
   
  <div class="support-note"><!-- let's check browser support with modernizr -->
  <!--span class="no-cssanimations">CSS animations are not supported in your browser</span-->
  <span class="no-csstransforms">CSS transforms არ იხსნება თქვენ ბრაუზერში</span>
  <span class="no-csstransforms3d">CSS 3D transforms არ იხსნება თქვენ ბრაუზერში</span>
  <span class="no-csstransitions">CSS transitions არ იხსნება თქვენ ბრაუზერში</span>
  <span class="note-ie">მხოლოდ თანამედროვე ბრაუზერები.</span>
  </div>
   
  </header>

  <div id="grid" class="main">
  <div class="view">
  <div class="view-back">
  <span data-icon="A">566</span>
  <span data-icon="B">124</span>
  <a href="http://gelesson.net/">→</a>
  </div>
  <img src="images/1.jpg" />
  </div>
  <div class="view">
  <div class="view-back">
  <span data-icon="A">210</span>
  <span data-icon="B">102</span>
  <a href="http://gelesson.net/">→</a>
  </div>
  <img src="images/2.jpg" />
  </div>
  <div class="view">
  <div class="view-back">
  <span data-icon="A">690</span>
  <span data-icon="B">361</span>
  <a href="http://gelesson.net/">→</a>
  </div>
  <img src="images/3.jpg" />
  </div>
  <div class="view">
  <div class="view-back">
  <span data-icon="A">987</span>
  <span data-icon="B">130</span>
  <a href="http://gelesson.net/">→</a>
  </div>
  <img src="images/4.jpg" />
  </div>
  </div>
  </div>
   
  <script type="text/javascript">  
   
  Modernizr.load({
  test: Modernizr.csstransforms3d && Modernizr.csstransitions,
  yep : ['http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js','js/jquery.hoverfold.js'],
  nope: 'css/fallback.css',
  callback : function( url, result, key ) {
   
  if( url === 'js/jquery.hoverfold.js' ) {
  $( '#grid' ).hoverfold();
  }

  }
  });
   
  </script>
   
  </body>
</html>



ფაილის გადმოწერა შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს



838
ავტორი: lazara კატეგორია: სკრიფტები
სულ კომენტარები: 2