Testing the `:target` CSS selector

The :target CSS pseudo-class represents a unique element (the target element) with an id matching the URL’s fragment.

Click the link below to see an example:

Pri at epicurei convenire, ut oratio liberavisse est. Ex his dolorum concludaturque, et mel solet soleat accumsan. In mollis ancillae intellegebat has. Sea congue cetero cu, ut mnesarchum vituperatoribus mel. Ne vix solet dicant possit, eos solet dictas facilisi ei.

Vel ei quaeque definiebas. Ius no assum impedit. Ipsum efficiendi usu ei. Prima electram principes in pro, id pro dolores appellantur, at causae admodum voluptatum eam. Accusam percipit erroribus pro et. Brute option usu cu, alia enim mutat eum cu.

His vocent integre mnesarchum no, ex prompta sapientem nec, te complectitur disputationi nam. Per an laudem convenire instructior, est graece labore moderatius eu, te natum verterem nam. Soleat doming splendide et has. Usu in aperiam albucius expetendis, integre tacimates quo at. Ad quo iuvaret deleniti copiosae, in vix ipsum dicant, sint consequuntur eu has. Ex pri solum graecis deterruisset, qui enim saperet iracundia ei.

Ut vix facete labitur deserunt, possim vocent debitis ex sed. An usu vidisse copiosae petentium. Debet virtute te vel. Mutat ullum molestie eos ex. Causae facilis oportere ius at, in sint ceteros vix. Ne brute convenire vituperata nec.

Id his similique philosophia, ne exerci aliquando similique has. His id antiopam salutandi forensibus. Singulis intellegebat in pro, vim illud postulant constituam eu. Ad vim wisi inani commune.

Hello world

:target {
  outline: 2px solid #C87D00;
  animation: fade 5s forwards;
}

@keyframes fade {
  0% {
    background-color: #FFFF00;
    outline-color: #C87D00;
  }
  100% {
    background-color: transparent;
    outline-color: transparent;
  }
}

Testing the :target CSS selector

Testing the `:target` CSS selector