Π£ Π½Π°Ρ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΠΎ CSS ΡΡΡΠΊΠΈ.Media hover, Π»ΠΈΠΏΠΊΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ, ΠΏΠ»Π°Π²Π½Π°Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠ° Π±Π΅Π· JS ΠΈΠ»ΠΈ ΡΠΊΠ°ΡΠ°ΡΡ Π² ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΌ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅, Π²ΠΈΠ΄Π΅ΠΎ ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ»ΠΎ Π·Π°Π³ΡΡΠΆΠ΅Π½ΠΎ Π½Π° ΡΡΡΠ±. ΠΠ»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π²Π°ΡΠΈΠ°Π½Ρ ΠΈΠ· ΡΠΎΡΠΌΡ Π½ΠΈΠΆΠ΅:
ΠΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΡ Π½Π΅
Π·Π°Π³ΡΡΠ·ΠΈΠ»ΠΈΡΡ
ΠΠΠΠΠΠ’Π ΠΠΠΠ‘Π¬ ΠΈΠ»ΠΈ ΠΎΠ±Π½ΠΎΠ²ΠΈΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ
ΠΡΠ»ΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΡΠΎ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ΠΌ Π²ΠΈΠ΄Π΅ΠΎ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ° Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π² ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ ΠΏΠΎ Π°Π΄ΡΠ΅ΡΡ Π²Π½ΠΈΠ·Ρ
ΡΡΡΠ°Π½ΠΈΡΡ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ²ΠΈΡΠ° ClipSaver.ru
Π ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌ ΡΡΠΈ CSS ΡΡΡΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³Ρ ΠΎΠ±Π»Π΅Π³ΡΠΈΡΡ ΠΆΠΈΠ·Π½Ρ Π²Π΅ΡΡΡΠ°Π»ΡΡΠΈΠΊΠ°. Π Π°Π·Π±Π΅ΡΠ΅ΠΌ ΠΌΠ΅Π΄ΠΈΠ° Π²ΡΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡ hover, ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΠΏΠΈΡΠΎΠΊ Ρ Π»ΠΈΠΏΠΊΠΈΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈ ΠΏΠ»Π°Π²Π½ΡΡ ΠΏΡΠΎΠΊΡΡΡΠΊΡ Π±Π΅Π· JS. ΠΠ΅ΡΡΡΠΊΡ Π΄Π»Ρ ΠΎΠ±Π·ΠΎΡΠ° ΠΎΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΡΠ΄Π°: https://t.me/joinchat/RLcz-wL3yKs0ZDMy ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ°Ρ Π°Π΄Π°ΠΏΡΠΈΠ²Π½Π°Ρ Π²Π΅ΡΡΡΠΊΠ° - CSS container queries Β Β Β β’Β ΠΡΠΎΠ΄Π²ΠΈΠ½ΡΡΠ°ΡΒ Π°Π΄Π°ΠΏΡΠΈΠ²Π½Π°ΡΒ Π²Π΅ΡΡΡΠΊΠ°Β -Β CSSΒ ...Β Β ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π² CSS Β Β Β β’Β ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅Β ΡΠ²ΠΎΠΉΡΡΠ²Π°Β Π²Β CSS.Β ΠΠ»ΠΎΡΠ½ΡΠ΅Β ΠΈΒ ...Β Β Π‘ΠΏΠΈΡΠΎΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ Β Β Β β’Β Π‘ΠΏΠΈΡΠΎΠΊΒ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠΉ.Β ΠΠ»Π΅ΠΌΠ΅Π½ΡΒ DL.Β HTMLΒ Β ΠΡΠΈΠ²Π΅Ρ! ΠΠ΅Π½Ρ Π·ΠΎΠ²ΡΡ Π’ΠΈΠΌΠ° ΠΈ Π½Π° ΡΡΠΎΠΌ ΠΊΠ°Π½Π°Π»Π΅ Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Ρ ΠΈ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°Ρ ΠΊΠ°ΠΊ Π²Π΅ΡΡΡΠ°ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΠ°ΠΉΡΡ. ΠΠ΅Π»ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌΠΈ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌΠΈ ΡΠΈΡΠΊΠ°ΠΌΠΈ ΡΡΠΎΠ³ΠΎ ΡΠ΅ΠΌΠ΅ΡΠ»Π°. Π’Π°ΠΊ ΠΆΠ΅ ΡΠ΅Π³ΡΠ»ΡΡΠ½ΠΎ Π²ΡΠΏΡΡΠΊΠ°Ρ Π²ΠΈΠ΄Π΅ΠΎ Ρ ΡΠ°Π·Π±ΠΎΡΠΎΠΌ Π²Π΅ΡΡΡΠΊΠΈ ΠΏΠΎΠ΄ΠΏΠΈΡΡΠΈΠΊΠΎΠ², ΡΠΊΠ°Π·ΡΠ²Π°Ρ Π½Π° ΠΈΡ ΠΎΡΠΈΠ±ΠΊΠΈ ΠΈ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ ΡΠΏΠΎΡΠΎΠ±Ρ ΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΡ. ΠΠ΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΠΊΠ°Π½Π°Π» ΠΏΠΎΠ΄ΠΏΠΈΡΠΊΠΎΠΉ ΠΈ Π»Π°ΠΉΠΊΠΎΠΌ, Π° ΡΠ°ΠΊ ΠΆΠ΅ Π·Π°Π³Π»ΡΠ΄ΡΠ²Π°ΠΉΡΠ΅ Π² ΠΌΠΎΠΉ ΡΠ΅Π»Π΅Π³ΡΠ°ΠΌ ΠΊΠ°Π½Π°Π». Π’Π°ΠΌ Ρ ΠΏΡΠ±Π»ΠΈΠΊΡΡ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΠΏΠΎΠ»Π΅Π·Π½ΡΠ΅ ΡΠ΅ΡΠ²ΠΈΡΡ ΠΈ ΠΌΠ°ΠΊΠ΅ΡΡ Π΄Π»Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΠΈ Π²Π΅ΡΡΡΠΊΠΈ. Π’Π΅Π»Π΅Π³ΡΠ°ΠΌ: https://t.me/vimpdev ΠΠ½ΡΡΠ°Π³ΡΠ°ΠΌ Β Β /Β vimpdevΒ Β ΠΠ: https://bit.ly/3m33aku 00:00 ΠΡΠΈΠ²Π΅Ρ 00:16 media hover 06:45 ΠΠΈΠΏΠΊΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ 08:15 ΠΠ»Π°Π²Π½Π°Ρ ΠΏΡΠΎΠΊΡΡΡΠΊΠ° #html #css #frontend