CSS - Link zum Seitenanfang setzen

Diese CSS-Anweisung erzeugt ein transparentes Dreieck. Damit kann dann über HTML ein Link zum Seitenanfang gesetzt werden.


<style>

/* Link zum Seitenanfang setzen */

a#seitenanfang {
 
position: Fixed;
 
bottom: 25px;
 
right: 25px;
 
border-style: Solid;
 
border-width: 0 10px 20px 10px;
 
border-color: Transparent Transparent rgba(0,0,0,0.125) Transparent;
 
text-decoration: None;
 
outline: 0;
}
</
style>

<
a href="#top" id="seitenanfang" title="Zum Seitenanfang">&nbsp;</a>

Demo: Siehe Pfeil rechts unten im Browserfenster!

Siehe auch: JavaScript - Langsam zum Seitenanfang scrollen

 

Bausteine

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - DiscoLights - Box-Shadow Animation

PHP - Datei nach dem herunterladen autom. löschen

JavaScript - Prüfen, ob die Funktion vor dem Aufruf vorhanden ist

MySQL - Mit mehreren Begriffen gleichzeitig suchen