Pertanyaan yang diberi tag «css-shapes»

На этот вопрос есть ответы на 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; border-right: 50px solid transparent; border-bottom: 100px solid red; …

1847 css  geometry  polygon  css-shapes 

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 menghasilkan gambar tooltip dan kemudian menggunakannya …

321 css  tooltip  css-shapes 

Saya ingin mengelilingi angka dalam lingkaran seperti pada gambar ini: Apakah ini mungkin dan bagaimana cara dicapai?

250 html  css  css-shapes 

Saya ingin memiliki halaman web yang memiliki satu kata terpusat. Saya ingin kata ini digambar dengan animasi, sehingga halaman "menulis" kata dengan cara yang sama seperti yang kita inginkan, yaitu mulai pada satu titik dan menggambar garis dan kurva dari waktu ke waktu sehingga hasil akhirnya adalah mesin terbang. Saya …

229 javascript  css  canvas  html5-canvas  css-shapes 

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; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; } <div …

223 html  css  svg  css-shapes 

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 batas-radius 30 piksel akan muncul seperti ini: …

206 html  css  css-shapes 

Saya bertanya-tanya apakah ada cara yang lebih mudah untuk membuat div lingkaran daripada apa yang saya lakukan sekarang. Saat ini, saya hanya membuat gambar untuk setiap ukuran yang berbeda, tetapi itu menjengkelkan untuk melakukan ini. Adakah tetap menggunakan CSS untuk membuat div yang melingkar dan saya dapat menentukan radius?

183 html  css  geometry  css-shapes 

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 CSS (seperti lencana pemberitahuan iphone) tetapi untuk beberapa …

156 css  css-shapes 

Apakah mungkin untuk mengontrol panjang dan jarak antara garis batas putus-putus di CSS? Contoh di bawah ini ditampilkan secara berbeda antar browser: div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> Jalankan cuplikan kodeSembunyikan hasilLuaskan cuplikan Perbedaan besar: IE 11 / Firefox / …

124 css  border  css-shapes 

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 menghasilkan bentuk oval atau elips : …

124 css  css-shapes 

Bagaimana Anda menggambar lingkaran menggunakan HTML5 dan CSS3? Apakah mungkin juga untuk meletakkan teks di dalamnya?

117 html  css  geometry  css-shapes 

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 dengan batas 1px (di sekitar sisi siku segitiga) dengan warna …

114 css  border  css-shapes 

Tutup. Pertanyaan ini tidak memenuhi pedoman Stack Overflow . Saat ini tidak menerima jawaban. Ingin memperbaiki pertanyaan ini? Perbarui pertanyaan agar sesuai dengan topik untuk Stack Overflow. Tutup 5 tahun lalu . Perbaiki pertanyaan ini Saya telah mencari situs web ini untuk menemukan bilah kemajuan, tetapi yang dapat saya temukan …

112 html  css  progress-bar  progress  css-shapes 

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 segitiga seperti panah berlubang, seperti ini?

102 html  css  css-shapes 

Saya mencoba membuat bentuk seperti pada gambar di bawah dengan tepi miring hanya pada satu sisi (misalnya, sisi bawah) sedangkan tepi lainnya tetap lurus. Saya mencoba menggunakan metode perbatasan (kode diberikan di bawah) tetapi dimensi bentuk saya dinamis dan karenanya saya tidak dapat menggunakan metode ini. .shape { position: relative; …

93 html  css  responsive-design  css-shapes