No se han encontrado widgets en la barra lateral

Clases Style del core para imágenes

/* CORE */ .alignnone { margin:0px 10px 10px 0; } .aligncenter, div.aligncenter { display:block; margin:0px auto 5px auto; } .alignright { float:right; margin:0px 0 10px 10px; } .alignleft { float:left;…

Leer más

Efecto de carga

G N I D A O L <div style="position:relative; min-height: 200px; background-color: #000;"> <div id="load"> <div>G</div> <div>N</div> <div>I</div> <div>D</div> <div>A</div> <div>O</div> <div>L</div> </div> </div> body { background:#000; } #load {…

Leer más

Efectos de botones

<header> <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet"> </header> <h1>Animation Buttons</h1> <p>Hover us and enjoy the satisfying neumorphic animation designs!</p> <div class="frame"> <button class="custom-btn btn-1">Read More</button> <button class="custom-btn btn-2">Read More</button> <button class="custom-btn btn-3"><span>Read More</span></button>…

Leer más

Card Css

<main class="page-content"> <div class="card"> <div class="content"> <h2 class="title">Mountain View</h2> <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains</p> <button class="btn">View Trips</button>…

Leer más

Botón de menú CSS

<style> button.ejemplo { display: flex; flex-direction: column; width: 3rem; height: 3rem; border: 0; background: transparent; gap: .65rem; } button.ejemplo > div { background: black; height: 2px; width: 100%; border-radius: 5px;…

Leer más