Skip to content
HTML.dk logo
  • Snippets
  • Tutorials
    • Lav din egen hjemmeside
    • Tjene penge på nettet
    • Guide til HTML
    • Guide til CSS
    • Artikler
  • Nyheder
  • Bidrag til sitet
Søgning

Gradient tekst med CSS

  • HTML.dk
  • 8. april 2019
  • CSS snippets

Vil du lave en lækker farvegradien på din tekst uden brug af andet end CSS? Så tjek vores snippet ud herunder. Den fungerer kun til WebKit, men det er stadig den bedste løsning, hvis man skal kunne markere og kopiere teksten (ikke grafisk element)

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Eksempel

Denne snippet blev indsendt af Bomae


Sådan laver du din egen lazyload af billeder
Nu kan du teste Microsoft’s Chromium Edge browser

Seneste artikler

  • Guide: Vælg den rigtige webshop løsning til din webshop!
  • Lækker, responsive modal-popup
  • Få det økonomiske overblik med et regnskabsprogram
  • Sådan skaber du det perfekte hjemmekontor
  • Onlinelån: Alt du skal vide

Mere fra HTML.dk

  • Alle snippets 24
  • Artikler 70
  • CSS snippets 13
  • HTML snippets 4
  • jQuery / JavaScript snippets 6
  • Nyheder 14
  • Scripts 1
  • Tutorials 7
  • Uncategorized 1
  • WordPress snippets 1

Kontakt

HTML.dk
Ceres Allé 7
Aarhus C
Skriv til os

Links

Om HTML.dk
Skriv til os!
Send et bidrag
Nyheder
Snippets

Nyt indhold fra HTML.dk

  • Guide: Vælg den rigtige webshop løsning til din webshop!
  • Lækker, responsive modal-popup
  • Få det økonomiske overblik med et regnskabsprogram
  • Sådan skaber du det perfekte hjemmekontor
  • Onlinelån: Alt du skal vide
  • Brug Corona-karantæne fornuftigt: lær mere om kodning og aktier

HTML logo big