3d ეფექტი მაუსის კურსორის მიტანისას 2025-07-07 |
დასახელება: 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> |
სულ კომენტარები: 2 | |