Section courante

A propos

Section administrative du site

text-shadow

Ombre portée du texte
Tailwind CSS

Classe

text-shadow

Description

Cet utilitaire applique une ombre au texte, améliorant sa lisibilité ou renforçant son impact visuel.

Définition

Classe Styles
text-shadow-2xs text-shadow: var(--text-shadow-2xs); /* 0px 1px 0px rgb(0 0 0 / 0.15) */
text-shadow-xs text-shadow: var(--text-shadow-xs); /* 0px 1px 1px rgb(0 0 0 / 0.2) */
text-shadow-sm text-shadow: var(--text-shadow-sm); /* 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075) */
text-shadow-md text-shadow: var(--text-shadow-md); /* 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1) */
text-shadow-lg text-shadow: var(--text-shadow-lg); /* 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1) */
text-shadow-none text-shadow: none;
text-shadow-(<propriete-personnalisee>) text-shadow: var(<propriete-personnalisee>);
text-shadow-(color:<propriete-personnalisee>) --tw-shadow-color var(<propriete-personnalisee>);
text-shadow-[<valeur>] text-shadow: <valeur>;
text-shadow-inherit --tw-shadow-color inherit;
text-shadow-current --tw-shadow-color currentColor;
text-shadow-transparent --tw-shadow-color transparent;
text-shadow-black --tw-text-shadow-color var(--color-black); /* #000 */
text-shadow-white --tw-text-shadow-color var(--color-white); /* #fff */
text-shadow-red-50 --tw-text-shadow-color var(--color-red-50); /* oklch(97.1% 0.013 17.38) */
text-shadow-red-100 --tw-text-shadow-color var(--color-red-100); /* oklch(93.6% 0.032 17.717) */
text-shadow-red-200 --tw-text-shadow-color var(--color-red-200); /* oklch(88.5% 0.062 18.334) */
text-shadow-red-300 --tw-text-shadow-color var(--color-red-300); /* oklch(80.8% 0.114 19.571) */
text-shadow-red-400 --tw-text-shadow-color var(--color-red-400); /* oklch(70.4% 0.191 22.216) */
text-shadow-red-500 --tw-text-shadow-color var(--color-red-500); /* oklch(63.7% 0.237 25.331) */
text-shadow-red-600 --tw-text-shadow-color var(--color-red-600); /* oklch(57.7% 0.245 27.325) */
text-shadow-red-700 --tw-text-shadow-color var(--color-red-700); /* oklch(50.5% 0.213 27.518) */
text-shadow-red-800 --tw-text-shadow-color var(--color-red-800); /* oklch(44.4% 0.177 26.899) */
text-shadow-red-900 --tw-text-shadow-color var(--color-red-900); /* oklch(39.6% 0.141 25.723) */
text-shadow-red-950 --tw-text-shadow-color var(--color-red-950); /* oklch(25.8% 0.092 26.042) */
text-shadow-orange-50 --tw-text-shadow-color var(--color-orange-50); /* oklch(98% 0.016 73.684) */
text-shadow-orange-100 --tw-text-shadow-color var(--color-orange-100); /* oklch(95.4% 0.038 75.164) */
text-shadow-orange-200 --tw-text-shadow-color var(--color-orange-200); /* oklch(90.1% 0.076 70.697) */
text-shadow-orange-300 --tw-text-shadow-color var(--color-orange-300); /* oklch(83.7% 0.128 66.29) */
text-shadow-orange-400 --tw-text-shadow-color var(--color-orange-400); /* oklch(75% 0.183 55.934) */
text-shadow-orange-500 --tw-text-shadow-color var(--color-orange-500); /* oklch(70.5% 0.213 47.604) */
text-shadow-orange-600 --tw-text-shadow-color var(--color-orange-600); /* oklch(64.6% 0.222 41.116) */
text-shadow-orange-700 --tw-text-shadow-color var(--color-orange-700); /* oklch(55.3% 0.195 38.402) */
text-shadow-orange-800 --tw-text-shadow-color var(--color-orange-800); /* oklch(47% 0.157 37.304) */
text-shadow-orange-900 --tw-text-shadow-color var(--color-orange-900); /* oklch(40.8% 0.123 38.172) */
text-shadow-orange-950 --tw-text-shadow-color var(--color-orange-950); /* oklch(26.6% 0.079 36.259) */
text-shadow-amber-50 --tw-text-shadow-color var(--color-amber-50); /* oklch(98.7% 0.022 95.277) */
text-shadow-amber-100 --tw-text-shadow-color var(--color-amber-100); /* oklch(96.2% 0.059 95.617) */
text-shadow-amber-200 --tw-text-shadow-color var(--color-amber-200); /* oklch(92.4% 0.12 95.746) */
text-shadow-amber-300 --tw-text-shadow-color var(--color-amber-300); /* oklch(87.9% 0.169 91.605) */
text-shadow-amber-400 --tw-text-shadow-color var(--color-amber-400); /* oklch(82.8% 0.189 84.429) */
text-shadow-amber-500 --tw-text-shadow-color var(--color-amber-500); /* oklch(76.9% 0.188 70.08) */
text-shadow-amber-600 --tw-text-shadow-color var(--color-amber-600); /* oklch(66.6% 0.179 58.318) */
text-shadow-amber-700 --tw-text-shadow-color var(--color-amber-700); /* oklch(55.5% 0.163 48.998) */
text-shadow-amber-800 --tw-text-shadow-color var(--color-amber-800); /* oklch(47.3% 0.137 46.201) */
text-shadow-amber-900 --tw-text-shadow-color var(--color-amber-900); /* oklch(41.4% 0.112 45.904) */
text-shadow-amber-950 --tw-text-shadow-color var(--color-amber-950); /* oklch(27.9% 0.077 45.635) */
text-shadow-yellow-50 --tw-text-shadow-color var(--color-yellow-50); /* oklch(98.7% 0.026 102.212) */
text-shadow-yellow-100 --tw-text-shadow-color var(--color-yellow-100); /* oklch(97.3% 0.071 103.193) */
text-shadow-yellow-200 --tw-text-shadow-color var(--color-yellow-200); /* oklch(94.5% 0.129 101.54) */
text-shadow-yellow-300 --tw-text-shadow-color var(--color-yellow-300); /* oklch(90.5% 0.182 98.111) */
text-shadow-yellow-400 --tw-text-shadow-color var(--color-yellow-400); /* oklch(85.2% 0.199 91.936) */
text-shadow-yellow-500 --tw-text-shadow-color var(--color-yellow-500); /* oklch(79.5% 0.184 86.047) */
text-shadow-yellow-600 --tw-text-shadow-color var(--color-yellow-600); /* oklch(68.1% 0.162 75.834) */
text-shadow-yellow-700 --tw-text-shadow-color var(--color-yellow-700); /* oklch(55.4% 0.135 66.442) */
text-shadow-yellow-800 --tw-text-shadow-color var(--color-yellow-800); /* oklch(47.6% 0.114 61.907) */
text-shadow-yellow-900 --tw-text-shadow-color var(--color-yellow-900); /* oklch(42.1% 0.095 57.708) */
text-shadow-yellow-950 --tw-text-shadow-color var(--color-yellow-950); /* oklch(28.6% 0.066 53.813) */
text-shadow-lime-50 --tw-text-shadow-color var(--color-lime-50); /* oklch(98.6% 0.031 120.757) */
text-shadow-lime-100 --tw-text-shadow-color var(--color-lime-100); /* oklch(96.7% 0.067 122.328) */
text-shadow-lime-200 --tw-text-shadow-color var(--color-lime-200); /* oklch(93.8% 0.127 124.321) */
text-shadow-lime-300 --tw-text-shadow-color var(--color-lime-300); /* oklch(89.7% 0.196 126.665) */
text-shadow-lime-400 --tw-text-shadow-color var(--color-lime-400); /* oklch(84.1% 0.238 128.85) */
text-shadow-lime-500 --tw-text-shadow-color var(--color-lime-500); /* oklch(76.8% 0.233 130.85) */
text-shadow-lime-600 --tw-text-shadow-color var(--color-lime-600); /* oklch(64.8% 0.2 131.684) */
text-shadow-lime-700 --tw-text-shadow-color var(--color-lime-700); /* oklch(53.2% 0.157 131.589) */
text-shadow-lime-800 --tw-text-shadow-color var(--color-lime-800); /* oklch(45.3% 0.124 130.933) */
text-shadow-lime-900 --tw-text-shadow-color var(--color-lime-900); /* oklch(40.5% 0.101 131.063) */
text-shadow-lime-950 --tw-text-shadow-color var(--color-lime-950); /* oklch(27.4% 0.072 132.109) */
text-shadow-green-50 --tw-text-shadow-color var(--color-green-50); /* oklch(98.2% 0.018 155.826) */
text-shadow-green-100 --tw-text-shadow-color var(--color-green-100); /* oklch(96.2% 0.044 156.743) */
text-shadow-green-200 --tw-text-shadow-color var(--color-green-200); /* oklch(92.5% 0.084 155.995) */
text-shadow-green-300 --tw-text-shadow-color var(--color-green-300); /* oklch(87.1% 0.15 154.449) */
text-shadow-green-400 --tw-text-shadow-color var(--color-green-400); /* oklch(79.2% 0.209 151.711) */
text-shadow-green-500 --tw-text-shadow-color var(--color-green-500); /* oklch(72.3% 0.219 149.579) */
text-shadow-green-600 --tw-text-shadow-color var(--color-green-600); /* oklch(62.7% 0.194 149.214) */
text-shadow-green-700 --tw-text-shadow-color var(--color-green-700); /* oklch(52.7% 0.154 150.069) */
text-shadow-green-800 --tw-text-shadow-color var(--color-green-800); /* oklch(44.8% 0.119 151.328) */
text-shadow-green-900 --tw-text-shadow-color var(--color-green-900); /* oklch(39.3% 0.095 152.535) */
text-shadow-green-950 --tw-text-shadow-color var(--color-green-950); /* oklch(26.6% 0.065 152.934) */
text-shadow-emerald-50 --tw-text-shadow-color var(--color-emerald-50); /* oklch(97.9% 0.021 166.113) */
text-shadow-emerald-100 --tw-text-shadow-color var(--color-emerald-100); /* oklch(95% 0.052 163.051) */
text-shadow-emerald-200 --tw-text-shadow-color var(--color-emerald-200); /* oklch(90.5% 0.093 164.15) */
text-shadow-emerald-300 --tw-text-shadow-color var(--color-emerald-300); /* oklch(84.5% 0.143 164.978) */
text-shadow-emerald-400 --tw-text-shadow-color var(--color-emerald-400); /* oklch(76.5% 0.177 163.223) */
text-shadow-emerald-500 --tw-text-shadow-color var(--color-emerald-500); /* oklch(69.6% 0.17 162.48) */
text-shadow-emerald-600 --tw-text-shadow-color var(--color-emerald-600); /* oklch(59.6% 0.145 163.225) */
text-shadow-emerald-700 --tw-text-shadow-color var(--color-emerald-700); /* oklch(50.8% 0.118 165.612) */
text-shadow-emerald-800 --tw-text-shadow-color var(--color-emerald-800); /* oklch(43.2% 0.095 166.913) */
text-shadow-emerald-900 --tw-text-shadow-color var(--color-emerald-900); /* oklch(37.8% 0.077 168.94) */
text-shadow-emerald-950 --tw-text-shadow-color var(--color-emerald-950); /* oklch(26.2% 0.051 172.552) */
text-shadow-teal-50 --tw-text-shadow-color var(--color-teal-50); /* oklch(98.4% 0.014 180.72) */
text-shadow-teal-100 --tw-text-shadow-color var(--color-teal-100); /* oklch(95.3% 0.051 180.801) */
text-shadow-teal-200 --tw-text-shadow-color var(--color-teal-200); /* oklch(91% 0.096 180.426) */
text-shadow-teal-300 --tw-text-shadow-color var(--color-teal-300); /* oklch(85.5% 0.138 181.071) */
text-shadow-teal-400 --tw-text-shadow-color var(--color-teal-400); /* oklch(77.7% 0.152 181.912) */
text-shadow-teal-500 --tw-text-shadow-color var(--color-teal-500); /* oklch(70.4% 0.14 182.503) */
text-shadow-teal-600 --tw-text-shadow-color var(--color-teal-600); /* oklch(60% 0.118 184.704) */
text-shadow-teal-700 --tw-text-shadow-color var(--color-teal-700); /* oklch(51.1% 0.096 186.391) */
text-shadow-teal-800 --tw-text-shadow-color var(--color-teal-800); /* oklch(43.7% 0.078 188.216) */
text-shadow-teal-900 --tw-text-shadow-color var(--color-teal-900); /* oklch(38.6% 0.063 188.416) */
text-shadow-teal-950 --tw-text-shadow-color var(--color-teal-950); /* oklch(27.7% 0.046 192.524) */
text-shadow-cyan-50 --tw-text-shadow-color var(--color-cyan-50); /* oklch(98.4% 0.019 200.873) */
text-shadow-cyan-100 --tw-text-shadow-color var(--color-cyan-100); /* oklch(95.6% 0.045 203.388) */
text-shadow-cyan-200 --tw-text-shadow-color var(--color-cyan-200); /* oklch(91.7% 0.08 205.041) */
text-shadow-cyan-300 --tw-text-shadow-color var(--color-cyan-300); /* oklch(86.5% 0.127 207.078) */
text-shadow-cyan-400 --tw-text-shadow-color var(--color-cyan-400); /* oklch(78.9% 0.154 211.53) */
text-shadow-cyan-500 --tw-text-shadow-color var(--color-cyan-500); /* oklch(71.5% 0.143 215.221) */
text-shadow-cyan-600 --tw-text-shadow-color var(--color-cyan-600); /* oklch(60.9% 0.126 221.723) */
text-shadow-cyan-700 --tw-text-shadow-color var(--color-cyan-700); /* oklch(52% 0.105 223.128) */
text-shadow-cyan-800 --tw-text-shadow-color var(--color-cyan-800); /* oklch(45% 0.085 224.283) */
text-shadow-cyan-900 --tw-text-shadow-color var(--color-cyan-900); /* oklch(39.8% 0.07 227.392) */
text-shadow-cyan-950 --tw-text-shadow-color var(--color-cyan-950); /* oklch(30.2% 0.056 229.695) */
text-shadow-sky-50 --tw-text-shadow-color var(--color-sky-50); /* oklch(97.7% 0.013 236.62) */
text-shadow-sky-100 --tw-text-shadow-color var(--color-sky-100); /* oklch(95.1% 0.026 236.824) */
text-shadow-sky-200 --tw-text-shadow-color var(--color-sky-200); /* oklch(90.1% 0.058 230.902) */
text-shadow-sky-300 --tw-text-shadow-color var(--color-sky-300); /* oklch(82.8% 0.111 230.318) */
text-shadow-sky-400 --tw-text-shadow-color var(--color-sky-400); /* oklch(74.6% 0.16 232.661) */
text-shadow-sky-500 --tw-text-shadow-color var(--color-sky-500); /* oklch(68.5% 0.169 237.323) */
text-shadow-sky-600 --tw-text-shadow-color var(--color-sky-600); /* oklch(58.8% 0.158 241.966) */
text-shadow-sky-700 --tw-text-shadow-color var(--color-sky-700); /* oklch(50% 0.134 242.749) */
text-shadow-sky-800 --tw-text-shadow-color var(--color-sky-800); /* oklch(44.3% 0.11 240.79) */
text-shadow-sky-900 --tw-text-shadow-color var(--color-sky-900); /* oklch(39.1% 0.09 240.876) */
text-shadow-sky-950 --tw-text-shadow-color var(--color-sky-950); /* oklch(29.3% 0.066 243.157) */
text-shadow-blue-50 --tw-text-shadow-color var(--color-blue-50); /* oklch(97% 0.014 254.604) */
text-shadow-blue-100 --tw-text-shadow-color var(--color-blue-100); /* oklch(93.2% 0.032 255.585) */
text-shadow-blue-200 --tw-text-shadow-color var(--color-blue-200); /* oklch(88.2% 0.059 254.128) */
text-shadow-blue-300 --tw-text-shadow-color var(--color-blue-300); /* oklch(80.9% 0.105 251.813) */
text-shadow-blue-400 --tw-text-shadow-color var(--color-blue-400); /* oklch(70.7% 0.165 254.624) */
text-shadow-blue-500 --tw-text-shadow-color var(--color-blue-500); /* oklch(62.3% 0.214 259.815) */
text-shadow-blue-600 --tw-text-shadow-color var(--color-blue-600); /* oklch(54.6% 0.245 262.881) */
text-shadow-blue-700 --tw-text-shadow-color var(--color-blue-700); /* oklch(48.8% 0.243 264.376) */
text-shadow-blue-800 --tw-text-shadow-color var(--color-blue-800); /* oklch(42.4% 0.199 265.638) */
text-shadow-blue-900 --tw-text-shadow-color var(--color-blue-900); /* oklch(37.9% 0.146 265.522) */
text-shadow-blue-950 --tw-text-shadow-color var(--color-blue-950); /* oklch(28.2% 0.091 267.935) */
text-shadow-indigo-50 --tw-text-shadow-color var(--color-indigo-50); /* oklch(96.2% 0.018 272.314) */
text-shadow-indigo-100 --tw-text-shadow-color var(--color-indigo-100); /* oklch(93% 0.034 272.788) */
text-shadow-indigo-200 --tw-text-shadow-color var(--color-indigo-200); /* oklch(87% 0.065 274.039) */
text-shadow-indigo-300 --tw-text-shadow-color var(--color-indigo-300); /* oklch(78.5% 0.115 274.713) */
text-shadow-indigo-400 --tw-text-shadow-color var(--color-indigo-400); /* oklch(67.3% 0.182 276.935) */
text-shadow-indigo-500 --tw-text-shadow-color var(--color-indigo-500); /* oklch(58.5% 0.233 277.117) */
text-shadow-indigo-600 --tw-text-shadow-color var(--color-indigo-600); /* oklch(51.1% 0.262 276.966) */
text-shadow-indigo-700 --tw-text-shadow-color var(--color-indigo-700); /* oklch(45.7% 0.24 277.023) */
text-shadow-indigo-800 --tw-text-shadow-color var(--color-indigo-800); /* oklch(39.8% 0.195 277.366) */
text-shadow-indigo-900 --tw-text-shadow-color var(--color-indigo-900); /* oklch(35.9% 0.144 278.697) */
text-shadow-indigo-950 --tw-text-shadow-color var(--color-indigo-950); /* oklch(25.7% 0.09 281.288) */
text-shadow-violet-50 --tw-text-shadow-color var(--color-violet-50); /* oklch(96.9% 0.016 293.756) */
text-shadow-violet-100 --tw-text-shadow-color var(--color-violet-100); /* oklch(94.3% 0.029 294.588) */
text-shadow-violet-200 --tw-text-shadow-color var(--color-violet-200); /* oklch(89.4% 0.057 293.283) */
text-shadow-violet-300 --tw-text-shadow-color var(--color-violet-300); /* oklch(81.1% 0.111 293.571) */
text-shadow-violet-400 --tw-text-shadow-color var(--color-violet-400); /* oklch(70.2% 0.183 293.541) */
text-shadow-violet-500 --tw-text-shadow-color var(--color-violet-500); /* oklch(60.6% 0.25 292.717) */
text-shadow-violet-600 --tw-text-shadow-color var(--color-violet-600); /* oklch(54.1% 0.281 293.009) */
text-shadow-violet-700 --tw-text-shadow-color var(--color-violet-700); /* oklch(49.1% 0.27 292.581) */
text-shadow-violet-800 --tw-text-shadow-color var(--color-violet-800); /* oklch(43.2% 0.232 292.759) */
text-shadow-violet-900 --tw-text-shadow-color var(--color-violet-900); /* oklch(38% 0.189 293.745) */
text-shadow-violet-950 --tw-text-shadow-color var(--color-violet-950); /* oklch(28.3% 0.141 291.089) */
text-shadow-purple-50 --tw-text-shadow-color var(--color-purple-50); /* oklch(97.7% 0.014 308.299) */
text-shadow-purple-100 --tw-text-shadow-color var(--color-purple-100); /* oklch(94.6% 0.033 307.174) */
text-shadow-purple-200 --tw-text-shadow-color var(--color-purple-200); /* oklch(90.2% 0.063 306.703) */
text-shadow-purple-300 --tw-text-shadow-color var(--color-purple-300); /* oklch(82.7% 0.119 306.383) */
text-shadow-purple-400 --tw-text-shadow-color var(--color-purple-400); /* oklch(71.4% 0.203 305.504) */
text-shadow-purple-500 --tw-text-shadow-color var(--color-purple-500); /* oklch(62.7% 0.265 303.9) */
text-shadow-purple-600 --tw-text-shadow-color var(--color-purple-600); /* oklch(55.8% 0.288 302.321) */
text-shadow-purple-700 --tw-text-shadow-color var(--color-purple-700); /* oklch(49.6% 0.265 301.924) */
text-shadow-purple-800 --tw-text-shadow-color var(--color-purple-800); /* oklch(43.8% 0.218 303.724) */
text-shadow-purple-900 --tw-text-shadow-color var(--color-purple-900); /* oklch(38.1% 0.176 304.987) */
text-shadow-purple-950 --tw-text-shadow-color var(--color-purple-950); /* oklch(29.1% 0.149 302.717) */
text-shadow-fuchsia-50 --tw-text-shadow-color var(--color-fuchsia-50); /* oklch(97.7% 0.017 320.058) */
text-shadow-fuchsia-100 --tw-text-shadow-color var(--color-fuchsia-100); /* oklch(95.2% 0.037 318.852) */
text-shadow-fuchsia-200 --tw-text-shadow-color var(--color-fuchsia-200); /* oklch(90.3% 0.076 319.62) */
text-shadow-fuchsia-300 --tw-text-shadow-color var(--color-fuchsia-300); /* oklch(83.3% 0.145 321.434) */
text-shadow-fuchsia-400 --tw-text-shadow-color var(--color-fuchsia-400); /* oklch(74% 0.238 322.16) */
text-shadow-fuchsia-500 --tw-text-shadow-color var(--color-fuchsia-500); /* oklch(66.7% 0.295 322.15) */
text-shadow-fuchsia-600 --tw-text-shadow-color var(--color-fuchsia-600); /* oklch(59.1% 0.293 322.896) */
text-shadow-fuchsia-700 --tw-text-shadow-color var(--color-fuchsia-700); /* oklch(51.8% 0.253 323.949) */
text-shadow-fuchsia-800 --tw-text-shadow-color var(--color-fuchsia-800); /* oklch(45.2% 0.211 324.591) */
text-shadow-fuchsia-900 --tw-text-shadow-color var(--color-fuchsia-900); /* oklch(40.1% 0.17 325.612) */
text-shadow-fuchsia-950 --tw-text-shadow-color var(--color-fuchsia-950); /* oklch(29.3% 0.136 325.661) */
text-shadow-pink-50 --tw-text-shadow-color var(--color-pink-50); /* oklch(97.1% 0.014 343.198) */
text-shadow-pink-100 --tw-text-shadow-color var(--color-pink-100); /* oklch(94.8% 0.028 342.258) */


Dernière mise à jour : Vendredi, le 6 février 2026