Botones de luces
How do I make an botones de luces?
What is a botones de luces? How do you make a botones de luces? This script and codes were developed by Juan Manuel on 18 October 2022, Tuesday.
Botones de luces - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Botones de luces</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="principal"> <div class="flexcontainer box"> <div style="widht:100px;height:200px;border"></div> </div> <div class="flexcontainer box"></div> <div class="flexcontainer box"></div> <div class="flexcontainer box"></div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
</body>
</html>
Botones de luces - Script Codes CSS Codes
.principal { margin: auto; width: 75%; height: 500px; border: 1px solid #00f; background-color: #ff0;
}
.flexcontainer { float: left;
}
.box { box-shadow: 10px 10px 5px #a99; color: #008000; position: relative; margin-left: 10%; margin-top: 10px; width: 12%; height: 40px; border: 4px solid #00f; background-color: #400; border-radius: 10px;
}
.box:hover { background-color: #f00; border-color: #f30; margin-left: 11%; box-shadow: 5px 5px 7px #f44; transform: rotateX(10deg);
}
Developer | Juan Manuel |
Username | juanmanuelcarnerero |
Uploaded | October 18, 2022 |
Rating | 3 |
Size | 2,324 Kb |
Views | 12,144 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Pruebas Babylonjs | 1,940 Kb |
Barra izquierda | 1,796 Kb |
Coat.pug | 1,501 Kb |
Html in SVG | 1,710 Kb |
Example of layout force | 4,074 Kb |
Ejemplo de formateo de formulario | 2,063 Kb |
Prueba1 | 1,598 Kb |
Floating box | 1,837 Kb |
UML shapes | 3,129 Kb |
Pruebas Alpaca.js | 2,374 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Example SVGZ Data URI | Joeyhoer | 2,981 Kb |
Calendar | Miroot | 2,033 Kb |
Login with flip 3d animation | Mariusbalaj | 3,014 Kb |
Typefaces with descriptions | Megandoty | 2,944 Kb |
A simple log in form made with css | Mayurelbhar | 2,160 Kb |
Portfolio Page | HuffmanJ25 | 5,240 Kb |
Pomodoro Clock | Osycon | 3,705 Kb |
Canvas Orbital Trails v2 | Jackrugile | 3,421 Kb |
Another brick in the wall | Fivera | 1,955 Kb |
Flip test | Madhes | 1,635 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!