ben-eb/css-values

Support proprietary gradient syntaxes.

Open

#20 aperta il 20 ago 2016

Vedi su GitHub
 (0 commenti) (0 reazioni) (0 assegnatari)JavaScript (3 fork)github user discovery
enhancementhelp wanted

Metriche repository

Star
 (64 star)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

body {
  background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome4-9,Safari4-5 */
  background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10-11.50 */
  background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10 preview */
  background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

http://www.colorzilla.com/gradient-editor/ is a good tool to use for generating the backwards compatible syntaxes.

Guida contributor

Direzione di ricerca
Indaga come il parser corrente gestisce i gradienti CSS ed estendilo per riconoscere le sintassi dei gradienti con prefisso del fornitore come moz linear gradient, webkit gradient, ecc. Utilizza gli esempi forniti e l'editor di gradienti Colorzilla come riferimento.
Tech stack
javascriptcss
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-2 giorni
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75