← Хэрэгслүүд
Дизайн ба CSS
Өнгө, мэдрэмжтэй хэмжээ, үйлдвэрлэлд бэлэн CSS үүсгэх.
Өнгө ба Хүртээмж
CSS Лэйаут ба Эффектүүд
- Хайрцагны сүүдэр үүсгэгч (Box Shadow Generator)Гулсууруудыг чирж хайрцагны сүүдэр үүсгэн, гүн харагдуулахын тулд давхаргууд нэмж, бэлэн болсон CSS-ийг шууд хуулж аваарай.
- Градиент үүсгэгчШугаман, радиал эсвэл конус градиент үүсгэж, өнгөний цэгүүд нэмж, чиглэлийг тохируулан, CSS-ийг ганц товшилтоор хуулж аваарай.
- Хүрээний радиус үүсгэгчӨнцөг бүрийг гулсуураар дугуйлж, эллипс горимоор органик дусал хэлбэр үүсгэн, CSS-ийг шууд хуулж аваарай.
- Flexbox ҮүсгэгчFlex контейнер болон түүний элементүүдийг харагдах удирдлагаар тохируулж, бүтцийн өөрчлөлтийг шууд харан, CSS-ийг ганц товшилтоор хуулж аваарай.
- CSS Grid ҮүсгэгчБагана болон мөрнүүдээ тохируулж, нүднүүд дээгүүр чирж элементүүдээ байршуулан, сүлжээний CSS болон тохирох HTML-ийг ганц товшилтоор хуулж аваарай.
- CSS Cubic Bezier ҮүсгэгчХурдны муруйг үүсгэхийн тулд хоёр бариулыг чирж, цэг хэрхэн хөдөлж байгааг тогтмол хөдөлгөөнтэй харьцуулан харж, cubic-bezier() утгыг хуулж аваарай.
- CSS clamp() Тооны машинЖижиг болон том дэлгэцийн хэмжээг оруулж, тэдгээрийн хооронд жигд өөрчлөгдөх уян хатан clamp() утгыг аваарай — үсгийн хэмжээ, padding, margin эсвэл gap-д зориулагдсан.
Дэлгэц, Хэвлэл ба Харьцаа
- Пиксел / DPI хөрвүүлэгчПикселийг дурын DPI/PPI дээр инч, см болон мм рүү хөрвүүлнэ — дэлгэцийн дизайн болон хэвлэлийн ажилд хоёуланд нь тохиромжтой.
- Дэлгэцийн PPI тооцоолуурПикселийн нягтрал, пикселийн алхам, физик хэмжээс зэргийг авахын тулд нарийвчлал болон дэлгэцийн хэмжээг оруулна уу.
- px-ээс rem & em хөрвүүлэгчӨөрийн үндсэн болон контекст үсгийн хэмжээг ашиглан px, rem болон em хооронд хөрвүүлнэ үү — аль нэг талбарыг засахад нөгөө хоёр нь бичих явцад шууд шинэчлэгдэнэ.
Фонт шалгалт ба Лиценз
Энэ ангилалд тохирох хэрэгсэл байхгүй.