დაყენების ინსტრუქცია: სკრიპტი ჩასვით საიტის ბლოკში
<style> a.sg_tab { float: left; margin: -325px 0 0 100px} a.sg_tab img { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } a.sg_tab.right_tab img { -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg); -ms-transform:rotate(-7deg); transform:rotate(-7deg); } a.sg_tab:hover img { -moz-transform:rotate(-15deg); -webkit-transform:rotate(-15deg); -o-transform:rotate(-15deg); -ms-transform:rotate(-15deg); transform:rotate(-15deg); } a.sg_tab.right_tab:hover img { -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg); } </style> <a class="sg_tab right_tab" href="/"><img src="https://zornet.ru/Fresa/Stunget/how-to-draw.png" ></a> <script> /*раскачивание снеговика*/ $(document).ready(function() { function swing(){ $('.sg_tab').toggleClass('right_tab'); setTimeout(swing, 1000); } swing(); }); </script>
დააკოპირეთ
