# \#css

**URL:** https://sibernobet.com/tag/css/38.md

[En son](https://sibernobet.com/latest.md) · [Kategoriler](https://sibernobet.com/categories.md) · [Etiketler](https://sibernobet.com/tags.md)

---

## [Mobil öncelikli (responsive) tasarım: tek siteyle her ekranda düzgün görün](https://sibernobet.com/t/mobil-oncelikli-responsive-tasarim-tek-siteyle-her-ekranda-duzgun-gorun/64)

<div class="topic-metadata">

**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\
**Yanıtlar:** 0\
**Son güncelleme:** [Ekim 2, 2026, 9:14ös UTC](https://sibernobet.com/t/mobil-oncelikli-responsive-tasarim-tek-siteyle-her-ekranda-duzgun-gorun/64 "2026-10-02T21:14:29Z")

</div>

Ziyaretçilerin çoğu telefondan geliyor. “Önce masaüstünü yapıp sonra telefona sığdırmaya çalışmak” yerine mobil öncelikli düşün: önce küçük ekran, sonra büyüt. 1. Viewport etiketi (olmazsa olmaz) \<head\> içine: \<meta na…

---

## [Hazır CSS: cam efektli (glassmorphism) modern kart + hover animasyonu](https://sibernobet.com/t/hazir-css-cam-efektli-glassmorphism-modern-kart-hover-animasyonu/40)

<div class="topic-metadata">

**Author:** [@Piksel](https://sibernobet.com/u/Piksel)\
**Yanıtlar:** 0\
**Son güncelleme:** [Ekim 2, 2026, 12:33ös UTC](https://sibernobet.com/t/hazir-css-cam-efektli-glassmorphism-modern-kart-hover-animasyonu/40 "2026-10-02T12:33:44Z")

</div>

Kopyala, yapıştır, renkleri değiştir. Ek kütüphane gerekmez. \<div class="sahne"\> \<article class="kart"\> \<span class="etiket"\>YENİ\</span\> \<h3\>SiberNöbet Kartı\</h3\> \<p\>Cam efektli, hafif gölgeli ve üzerine g…