Pertanyaan yang diberi tag shapes

1847
Bagaimana cara kerja segitiga CSS?

На этот вопрос есть ответы на Stack Overflow на русском : Как создать треугольники CSS? Ada banyak bentuk CSS berbeda di Trik CSS - Bentuk CSS dan saya sangat bingung dengan segitiga: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent;...

321
Membuat Menu Radial di CSS

Bagaimana cara membuat menu yang terlihat seperti ini ... Tautan ke PSD Saya tidak ingin menggunakan gambar PSD. Saya lebih suka menggunakan ikon dari beberapa paket seperti FontAwesome dan memiliki latar belakang / css yang dihasilkan dalam CSS. Versi menu yang menggunakan PSD untuk...

223
Bagaimana cara membuat tetesan air mata dalam HTML?

Bagaimana cara membuat bentuk seperti ini untuk ditampilkan di halaman web? Saya tidak ingin menggunakan gambar karena gambar akan menjadi kabur pada penskalaan Saya mencoba dengan CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px;...

206
Bagaimana CSS ini menghasilkan lingkaran?

Ini adalah CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Bagaimana cara menghasilkan lingkaran di bawah ini? Misalkan, jika lebar persegi panjang adalah 180 piksel dan tinggi adalah 180 piksel maka akan muncul seperti ini: Setelah menerapkan...

177
Bentuk multi-gradien

Saya ingin membuat bentuk yang seperti gambar berikut: Perhatikan gradien setengah atas dari warna 1 ke warna 2, tetapi ada setengah bagian bawah gradien dari warna 3 ke warna 4. Saya tahu cara membuat bentuk dengan gradien tunggal, tapi saya tidak yakin bagaimana membagi bentuk menjadi dua...

171
Pojok bulat untuk tampilan teks di android

Saya memiliki tampilan teks dan ingin sudutnya berbentuk bulat. Saya sudah tahu itu bisa dilakukan menggunakan android:background="@drawable/somefile". Dalam kasus saya, tag ini sudah disertakan sehingga tidak dapat digunakan lagi. misalnya android:background="@drawable/mydialogbox"sudah ada untuk...

157
Perbatasan dalam bentuk xml

Saya mencoba membuat drawable untuk digunakan sebagai tombol. Saya ingin memiliki pewarnaan ini, dengan perbatasan 2px di sekitarnya. Semuanya berfungsi dengan baik kecuali saya tidak bisa membuat perbatasan muncul ... <?xml version="1.0" encoding="utf-8"?> <shape

156
css: cara menggambar lingkaran dengan teks di tengah?

Saya menemukan contoh ini di stackoverflow: Gambar Lingkaran menggunakan css saja Bagus sekali. Tapi saya ingin tahu cara memodifikasi contoh itu sehingga saya bisa memasukkan teks di tengah-tengah lingkaran? Saya juga menemukan ini: Teks berpusat vertikal dan horizontal di dalam lingkaran di...

124
Border-radius dalam persentase (%) dan piksel (px) atau em

Jika saya menggunakan piksel atau nilai em untuk radius-batas, radius tepi selalu berupa busur lingkaran atau bentuk pil bahkan jika nilainya lebih besar dari sisi terbesar elemen. Saat saya menggunakan persentase , jari-jari tepi berbentuk elips dan dimulai di tengah setiap sisi elemen yang...

114
Warna batas kustom segitiga CSS

Mencoba menggunakan warna hex khusus untuk segitiga css saya (batas). Namun karena ini menggunakan properti perbatasan saya tidak yakin bagaimana cara melakukan ini. Saya ingin menghindari javascript dan css3 hanya karena kompatibilitas. Saya mencoba membuat segitiga memiliki latar belakang putih...

102
Bagaimana Cara Membuat Panah Mewah Menggunakan CSS?

Oke, jadi semua orang tahu Anda bisa membuat segitiga menggunakan ini: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } Dan itu menghasilkan padat, diisi segitiga. Tapi bagaimana Anda akan membuat...