JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/shailon/shailon.github.io@main/estilosss.css">
		
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/shailon/shailon.github.io@main/all.css">
		<title>Ver - Streamer - Latinos - Twitch - chireaqp - Meme - Divertidos - Graciosos - Donaciones - Arequipa - Suscribirse - Favoritos - Como - Ganar - Dinero</title>
    		
        
	</head>

	<body>
  
  
		<!-- Header -->
		<main>			
			<div class="content-all">
				<header></header>
				<label>
					para publicar contactar con [email protected]
				</label>

				<div class="btn">
					
				</div>
			</div>
		</main>

		<div class="container">
<meta name="referrer" content="never" />

			<div class="item">
				
			</div>

			
			<div class="item">
				
			</div>

			<div class="item">
				
			</div>

		</div>

	</body>

    
    
    
    
    
    <div class="container">



<!-- DRAGABLE 3 -->
<!-- Draggable DIV -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<div id="mydiv4"  class="js_zoom_and_pan1">
  <div id="mydivheader4">Click Aqui para mover</div>
  <script>
  
  
  
  (function() {
  function touchHandler(e) {
    var touches = e.changedTouches;
    var first = touches[0];
    var type = "";

    switch(e.type) {
      case "touchstart":
        type = "mousedown";
        break;
      case "touchmove":
        type="mousemove";
        break;
      case "touchend":
        type="mouseup";
        break;
      default:
        return;
    }

    var simulatedEvent = document.createEvent("MouseEvent");
    simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0, null);

    first.target.dispatchEvent(simulatedEvent);
    e.preventDefault();
  }

  function init() {
   ...

CSS

.js_zoom_and_pan:hover {
    
    zoom: 2.3;
    
    
}
.js_zoom_and_pan1:hover {
    
    zoom: 2.3;
    

  
    
}