CSSの背景色

2694 ワード

spanish css webdev テキストリンク

の色分解エヌsitioウェブ息子detalles muy llamativos queダンペソa cierta secciのn,peroの単独のpodemos‐ituzarlos como fondo de un contenedor o旗,tambi｛n podemos agregar un deploado de color a tτtulos
Primero Tenemos que Definir el Texto al que Aplicaremos el Deploado :

<h1 class="gradient">Mi super titulo</h1>

Tenemos Listo Nustro Titulo , One tenemos que Aplicar estilos Generales :

h1{
    font-family: 'Lato', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Sans-Serif;
    font-size: 70px;
    font-weight: bold;
    text-transform: uppercase;
}

Phase Agregar El Drudeado necesitamos una propiedad de CSS Llamada ' Linear Gradient '

background-image: linear-gradient(direction, color-1, color-stop2, ...);

の方向:Esラディシオは、enデララqueエルデラードTrabajaraです.

Color - 1 : En Color Principal o de inicio del DetaDado.

Color - 2 : En Color Secundario O de Cierre del Deploado

線型勾配Aplicado se ver . a .

.gradient {
  background: linear-gradient(to right, #30CFD0 30%, #520AAB 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

結果

Reference

この問題について(CSSの背景色), 我々は、より多くの情報をここで見つけました https://dev.to/dmx/css-background-color-en-textos-1k63

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

例でCSSアニメーションでヘッドスタート

帰ってきたドンヤ、返事(feat.ニコラス)