CSS-Shapes dibuat dengan menggunakan Cascade Styling Sheets untuk membuat elemen HTML menjadi bentuk dan gambar. Bentuk paling dasar termasuk segitiga, persegi, dan lingkaran, tetapi dapat dibuat menjadi bentuk yang lebih maju seperti hati, oktagon, dan bintang.
На этот вопрос есть ответы на 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;...
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...
Saya ingin mengelilingi angka dalam lingkaran seperti pada gambar ini: Apakah ini mungkin dan bagaimana cara
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...
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;...
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...
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...
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...
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...
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...
Bagaimana Anda menggambar lingkaran menggunakan HTML5 dan CSS3? Apakah mungkin juga untuk meletakkan teks di
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...
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
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...
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...
На этот вопрос есть ответы на Stack Overflow на русском : Прозрачный текст вырезан из фона Apakah ada cara untuk membuat teks transparan dipotong dari efek latar belakang seperti yang ada di gambar berikut, dengan CSS? Akan sangat menyedihkan jika kehilangan semua SEO...
Saya baru saja menemukan trik CSS yang rapi. Lihat biolanya ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: