Knapper
Artiklen er opdateret den: 15. december 2022
Knap-1
Knap-1 default – <a class="knap knap-1" href="#">Knap-1</a>
Ændring af font-size til 2rem – .knap-1 {font-size:2rem}
Ændring af baggrundsfarven – .knap-1 {background:#a60505}
Knap-2
Knap-2 default – <a class="knap knap-2" href="#">Knap-2</a>
Ændring af font-size til 2rem – .knap-2 {font-size:2rem}
Knap-3
Knap-3 default – <a class="knap knap-3" href="#">Knap-3</a>
Ændring af font-size til 2rem – .knap-3 {font-size:2rem}
Ændring af var –color – .knap-3 {--color:8a1616}
Knap-4
Knap-4 default – <a class="knap knap-4" href="#">Knap-4</a>
Ændring af font-size til 2rem – .knap-4 {font-size:2rem}
Knap-5
Knap-5 default – <a class="knap knap-5" href="#">Knap-5</a>
Ændring af font-size til 3rem – .knap-5 {font-size:3rem}
Ændring af background og var –hover – .knap-5 {background: linear-gradient(to right, #14a2c3, #240b36); --hover:rgb(36 22 64);}
Knap-6
Knap-6 default – <a class="knap knap-6" href="#">Knap-6</a>
Et billede med link
Et billede med link og en ændring af overflade farven – .knap-6 {background: 980000;}