Skip to content

Coches deportivos #784

@migueldiza19-ctrl

Description

@migueldiza19-ctrl
<title>Coches Deportivos</title> <style> body { margin: 0; font-family: 'Poppins', sans-serif; background: #0f0f0f; color: white; } header { background: linear-gradient(90deg, #ff0000, #ff7300); padding: 20px; text-align: center; font-size: 28px; font-weight: bold; } section { padding: 40px; } h2 { color: #ff7300; } /* Tarjetas */ .cards { display: flex; gap: 20px; flex-wrap: wrap; } .card { background: #1c1c1c; padding: 20px; border-radius: 15px; width: 250px; transition: transform 0.3s; } .card:hover { transform: scale(1.05); } /* 3D */ #container3D { width: 100%; height: 400px; } </style> 🚗 Coches Deportivos

¿Qué son?

Los coches deportivos están diseñados para ofrecer alta velocidad, potencia y un diseño aerodinámico. Son vehículos enfocados en el rendimiento y la experiencia de conducción.

Tipos de coches deportivos

Superdeportivos

Velocidades extremas, más de 300 km/h.

<div class="card">
    <h3>Muscle Cars</h3>
    <p>Gran potencia y motores V8.</p>
</div>

<div class="card">
    <h3>GT (Gran Turismo)</h3>
    <p>Equilibrio entre lujo y rendimiento.</p>
</div>

<div class="card">
    <h3>Hipercoches</h3>
    <p>Lo más avanzado en tecnología automotriz.</p>
</div>

Características principales

  • Alta potencia (HP)
  • Aceleración rápida (0-100 km/h en segundos)
  • Diseño aerodinámico
  • Tecnología avanzada

Ejemplo 3D interactivo

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script> <script> const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, window.innerWidth/400, 0.1, 1000); const renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, 400); document.getElementById("container3D").appendChild(renderer.domElement); // Cubo simulando coche const geometry = new THREE.BoxGeometry(2, 1, 4); const material = new THREE.MeshBasicMaterial({ color: 0xff0000, wireframe: false }); const car = new THREE.Mesh(geometry, material); scene.add(car); camera.position.z = 6; // Animación function animate() { requestAnimationFrame(animate); car.rotation.y += 0.01; renderer.render(scene, camera); } animate(); </script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions