.
დაყენების ინსტრუქცია: ქვემოთ მოყვანილი კოდი ჩასვით საიტის ბლოკში
<meta charset="UTF-8"> <link href="https://cpwebassets.codepen.io/assets/favicon/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png" rel="apple-touch-icon" type="image/png" /><meta name="apple-mobile-web-app-title" content="CodePen"> <link href="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" rel="shortcut icon" type="image/x-icon" /> <link color="#111" href="https://cpwebassets.codepen.io/assets/favicon/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg" rel="mask-icon" type="image/x-icon" /><script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-2c7831bb44f98c1391d6a4ffda0e1fd302503391ca806e7fcc7b9b87197aec26.js"></script> <title></title> <link href="https://codepen.io/topicstarter/pen/zYwRqpg" rel="canonical" /> <style type="text/css">#cursor { width: 200px; height: 200px; -webkit-animation: 3s rotate infinite alternate; animation: 3s rotate infinite alternate; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style> <div id="cursor"> </div> <script id="rendered-js" > const svg = `<svg viewBox="-101 -101 404 404" xmlns="http://www.w3.org/2000/svg"> <defs> <path id="MyPath" d="m200 100a100 100 0 0 1-100 100 100 100 0 0 1-100-100 100 100 0 0 1 100-100 100 100 0 0 1 100 100z" fill="none" stroke-width="0" stroke="#000" /> </defs> <text style="font-size: 55px;"> <textPath href="#MyPath">გილოცავთ გილოცავთ </textPath> <animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 101 101" to="360 101 101" dur="4s" repeatCount="indefinite"/> </text> <g stroke-linecap="round"> <path d="M30,105 160,105" stroke="#000" stroke-width="15"/> <path d="M110,60 160,105 110,150" fill="none" stroke="#000" stroke-width="15"/> </g> </svg>`; cursor.innerHTML = svg; window.addEventListener("mousemove", _event); function _event(e) { let x = e.pageX; let y = e.pageY; cursor.style.left = `${x}px`; cursor.style.top = `${y}px`; } //# sourceURL=pen.js </script><script src="https://cpwebassets.codepen.io/assets/editor/iframe/iframeRefreshCSS-44fe83e49b63affec96918c9af88c0d80b209a862cf87ac46bc933074b8c557d.js"></script>
დააკოპირეთ