Categoría: css

texto transparente de forma gradual

Publicada el por ernesto

HTML

<div class="prosa">
     
<h3>3 de noviembre de 1985</h3>
     
<p>Empezaron  por recuperar los sábados tarde y acabaron por ponerle a trabajar en el  turno de los domingos por la noche. En cuestión de tres o cuatro años,  le habían quitado los fines de semana junto a su familia (en aquellas  fechas, mujer y dos hijos) y...</p>
Más
Etiquetado como , , ,

masonería con css

Publicada el por ernesto
Puesto al día el 29 de abril de 2020.

html

<main class="masoneria">
     <div class="titulo">
          <h3>Título 1</h3>
          <p>Texto del elemento 1.</p>
     </div>
     <div class="titulo">
          <h3>Título 2</h3>
          <p>Texto del elemento 2.</p>
     </div>
</main>

mediante columnas

css

main.masoneria
{
     column-count: 4;
     column-gap: 1em;
}
div.titulo
{
     display: inline-block;
     margin: 0.6em 1%;
     outline: #DDD solid 3px;
     padding: 3%;
     text-align: center;
     width: 94%;
}
div.titulo
Más
Etiquetado como , ,