Pseudo-elements hutumika kuongeza maudhui kabla au baada ya elementi fulani bila kubadilisha HTML. Mfano wa Code: Pseudo Elements h1::before { ...
Maelezo: Pseudo-classes hutumika kubadilisha muonekano wa elementi kulingana na hali fulani (mfano: unapogusa kwa mouse au unapobofya). Mfano wa Code: Pseu...
💻 Mfano wa Code CSS Animations .box { width: 100px; height: 100px; background: blue; transition: transform 0.5s; } ...
💻 Mfano wa Code Responsive Design body { background-color: lightgreen; } @media (max-width: 600px) { body { background-color: lightcoral...
💻 Mfano wa Code CSS Grid .grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .box { bac...
💻 Mfano wa Code Flexbox Layout .container { display: flex; gap: 10px; background-color: #ddd; } .box { backgro...
💻 Mfano wa Code Box Model div { background-color: lightyellow; padding: 20px; margin: 15px; border: 2px solid orange; ...
💻 Mfano wa Code Fonts & Typography body { font-family: 'Poppins', sans-serif; line-height: 1.6; } h1 { font-size: 2em; text-transform: uppercas...
💻 Mfano wa Code Colors & Backgrounds body { background-color: lightblue; color: #333; } h1 { background: linear-gradi...
class hutumika kwa vitu vingi id ni unique kwa element moja 💻 Mfano wa Code Classes & IDs .highlight { color: green; } #main { background-col...