animazione bordi al caricamento pagina

[aux998]

Ciao,
ho trovato molti effetti da applicare ai bordi di un blocco etc, ma tutti tramite l'utilizzo del mouse quindi col :hover
Io vorrei semplicemente far apparire, al caricamento della pagina, il bordo del blocco interessato da sx a dx (o viceversa).
Il blocco in questione è il titolo della pagina che contiene il testo.
Vorrei che il testo rimanesse sempre visibile mentre la riga appare (in 0.5s ad esempio)

Qualche aiuto/esempio ?
grazie

.blocco_titolo{
    padding:20px;
    font-size:28px;
    font-weight:bold;
    color:white;
    text-align:right;
    border-bottom:15px white solid;
}

[KillerWorm]

Ciao, in generale potresti utilizzare la proprietà animation. Che io sappia, non puoi applicare l'animazione che hai descritto, direttamente sul bordo dell'elemento ma potresti utilizzare un pseudo-elemento. Io sono riuscito a fare qualcosa con :after, definendolo come block e impostando l'animazione da width:0% a width:100%.

Non posto la soluzione pronta, ma preferisco che tu elabori qualcosa con le indicazioni che ti ho dato; poi, se trovi difficoltà, prova a postare quanto hai elaborato così da poterti indicare come meglio procedere.

[aux998]

grazie mille !!!
ho del bel materiale da approfondire

..il mio caso:

.barra_titsez {
    height:15px;
    width:100%;
    background-color:white;
    animation-duration: 1s;
    animation-name: barra_titsez;
}
@keyframes barra_titsez {
  from {
      width:0%;
  }
  
  to {
      width:100%;
  }
}