WebdK
DEMO Html5DEMO WORDPRESSDEMO WEBSHOP

Knapper

Artiklen er opdateret den: 15. december 2022

Knap-1

Knap-1 default – <a class="knap knap-1" href="#">Knap-1</a>

Knap knap-1

Ændring af font-size til 2rem – .knap-1 {font-size:2rem}

Knap knap-1

Ændring af baggrundsfarven – .knap-1 {background:#a60505}

Knap knap-1

Knap-2

Knap-2 default – <a class="knap knap-2" href="#">Knap-2</a>

Knap knap-2

Ændring af font-size til 2rem – .knap-2 {font-size:2rem}

Knap knap-2

Knap-3

Knap knap-3

Knap-3 default – <a class="knap knap-3" href="#">Knap-3</a>

Knap knap-3

Ændring af font-size til 2rem – .knap-3 {font-size:2rem}

Knap knap-3

Ændring af var –color – .knap-3 {--color:8a1616}

Knap-4

Knap-4 default – <a class="knap knap-4" href="#">Knap-4</a>

Knap knap-4

Ændring af font-size til 2rem – .knap-4 {font-size:2rem}

Knap knap-4

Knap-5

Knap-5 default – <a class="knap knap-5" href="#">Knap-5</a>

Knap knap-5

Ændring af font-size til 3rem – .knap-5 {font-size:3rem}

Knap knap-5

Ændring af background og var –hover – .knap-5 {background: linear-gradient(to right, #14a2c3, #240b36); --hover:rgb(36 22 64);}

Knap knap-5

Knap-6

Knap-6 default – <a class="knap knap-6" href="#">Knap-6</a>

Knap knap-6

Et billede med link

Et billede med link og en ændring af overflade farven – .knap-6 {background: 980000;}

Tilbage