Clases Style del core para imágenes
admin/* 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;…
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 {…
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>…
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>…
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;…