Урок за дизайн и алгоритми 2025, Юли

Има триъгълни символи на unicode. Можете да нарисувате триъгълник в SVG. Но има и друг начин за изчертаване на триъгълник в мрежата, който не включва нищо друго освен граничното свойство и малко CSS трикове. "

Има някои анимации за превъртане, които са възможни в CSS без никакъв JavaScript. Просто погледнете главата на индикатора за превъртане, която очевидно е CSS магия. Но можем да направим много работа за превъртане на анимация директно в CSS само с малко информация, предоставена от JavaScript: докъде е превъртяла страницата. "

Свойството box-shadow очевидно е полезно за светли сенки зад елементи, осигуряващи усещане за размерност и разделяне. Но box-shadow имаше някои трикове в ръкава си, особено с това как сянката на кутията не трябва да е мека, може да се подрежда и дори не трябва да е особено наблизо. "

Можете да направите фонови ивици в CSS, като използвате линеен градиент. Често мислим за градиент като избледняване от един цвят в друг, но трикът на ивиците е да няма избледняване изобщо. Вместо това можем да посочим „спиране на цвета“ на едно и също място, така че цветът да се променя незабавно от един (...) "

Може би най-големият трик в цялата CSS мрежа е възможността да се напише оформление на колона, която не декларира изрично броя на редовете или колоните, но автоматично ги създава въз основа на малко разхлабени инструкции и съдържанието, което предоставяте. "

Плъзгането на елемент около екрана е нещо, което е доста стабилно на територията на JavaScript. Ще ви е необходим достъп до DOM събития като кликвания и движение на мишката. Но ние сме тук, за да говорим за CSS трикове, така че нека го направим само в HTML и CSS! "

Етикетите трябва да имат атрибути "за", които съответстват на идентификатора на входа, който обозначават. Това означава, че можем да хванем този атрибут и да го използваме в селектор, за да "