ΠΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²Ρ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π΅Π³ΠΎ Π½Π° jsfiddle?
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ²ΠΎΠΈ ΡΠ»ΠΎΠ²Π°.
Π― Π²ΠΈΠ΄Π΅Π» ΡΡ ΠΆΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π·Π΄Π΅ΡΡ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ
-webkit-background-clip: ΡΠ΅ΠΊΡΡ;
ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: Π»ΠΈΠ½Π΅ΠΉΠ½ΡΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ (115 Π³ΡΠ°Π΄ΡΡΠΎΠ², RGB (252, 0, 255), RGB (0, 219, 222));
ΠΠ΄Π΅ΡΡ ΡΠΎΠ½ Π½Π΅ ΠΎΠ±ΡΠ΅Π·Π°Π΅Ρ ΡΠ΅ΠΊΡΡ, Π° ΠΏΡΠΎΡΡΠΎ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅Ρ ΠΎΠ±Π»Π°ΡΡΡ.
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
https://jsfiddle.net/koreanman/91vnqfar/40/