Pertanyaan yang diberi tag «css»

CSS (Cascading Style Sheets) adalah bahasa lembar gaya representasi yang digunakan untuk menjelaskan tampilan dan pemformatan dokumen HTML (HyperText Markup Language), XML (Extensible Markup Language) dan elemen SVG termasuk (tapi tidak terbatas pada) warna, tata letak, font, dan animasi. Ini juga menjelaskan bagaimana elemen harus ditampilkan di layar, di atas kertas, dalam pidato, atau di media lain.

8
Menggabungkan CSS Pseudo-elements, ": after" the ": last-child"
Saya ingin membuat daftar yang "secara tata bahasa benar" menggunakan CSS. Inilah yang saya miliki sejauh ini: The <li>tag ditampilkan secara horizontal dengan koma setelah mereka. li { display: inline; list-style-type: none; } li:after { content: ", "; } Itu berhasil, tapi saya ingin "anak terakhir" memiliki titik, bukan koma. …
122 css 

6
Placeholder Mixin SCSS / CSS
Saya mencoba membuat mixin untuk placeholder di sass. Ini adalah mixin yang saya buat. @mixin placeholder ($css) { ::-webkit-input-placeholder {$css} :-moz-placeholder {$css} ::-moz-placeholder {$css} :-ms-input-placeholder {$css} } Ini adalah bagaimana saya ingin memasukkan mixin: @include placeholder(font-style:italic; color: white; font-weight:100;); Jelas ini tidak akan berhasil karena semua titik dua dan titik …
122 css  sass 




8
width: auto untuk bidang <input>
Pertanyaan CSS pemula. Saya pikir width:autosebuah display:blockelemen berarti 'mengisi ruang yang tersedia'. Namun untuk suatu &lt;input&gt;elemen, tampaknya tidak demikian. Sebagai contoh: &lt;body&gt; &lt;form style='background-color:red'&gt; &lt;input type='text' style='background-color:green;display:block;width:auto'&gt; &lt;/form&gt; &lt;/body&gt; Dua pertanyaan kemudian: Apakah ada definisi yang tepat tentang apa lebar: otomatis artinya? Spesifikasi CSS tampak tidak jelas bagi saya, tetapi …
122 css 

5
Transformasi CSS3 tidak berfungsi
Saya mencoba mengubah item menu saya dengan memutarnya 10 derajat. CSS saya berfungsi di Firefox tetapi saya gagal meniru efeknya di Chrome dan Safari. Saya tahu IE tidak mendukung properti CSS3 ini jadi itu bukan masalah. Saya menggunakan CSS berikut: li a { -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); } Adakah yang bisa …
122 html  css 

13
Transisi gambar latar belakang CSS3
Saya mencoba membuat efek "fade-in fade-out" menggunakan transisi CSS. Tapi saya tidak bisa mendapatkan ini untuk bekerja dengan gambar latar belakang ... CSS: .title a { display: block; width: 340px; height: 338px; color: black; background: transparent; /* TRANSITION */ -webkit-transition: background 1s; -moz-transition: background 1s; -o-transition: background 1s; transition: background …

4
Menambahkan elemen dengan efek fade [jQuery]
var html = "&lt;div id='blah'&gt;Hello stuff here&lt;/div&gt;" $("#mycontent").append(html).fadeIn(999); Ini sepertinya tidak berhasil. Saya hanya ingin efek keren saat konten ditambahkan. Catatan: Saya hanya ingin div "blah" baru saja yang memudar, bukan seluruh "konten saya".
121 javascript  jquery  html  css 

3
Hitung persen dengan SCSS / SASS
Saya ingin mengatur lebar dalam persentase dalam scss melalui perhitungan, tetapi itu memberi saya kesalahan .. CSS tidak valid setelah "...- width: (4/12)%": ekspresi yang diharapkan (misalnya 1px, bold), sebelumnya ";" Saya ingin melakukan sesuatu seperti $my_width: (4/12)%; div{ width: $my_width; } bagaimana cara menambahkan% masuk di sana? Pertanyaan yang …
121 css  sass 



7
sudut 2 ngIf dan transisi / animasi CSS
Saya ingin div meluncur dari kanan di sudut 2 menggunakan css. &lt;div class="note" [ngClass]="{'transition':show}" *ngIf="show"&gt; &lt;p&gt; Notes&lt;/p&gt; &lt;/div&gt; &lt;button class="btn btn-default" (click)="toggle(show)"&gt;Toggle&lt;/button&gt; Saya bekerja dengan baik jika saya hanya menggunakan [ngClass] untuk beralih kelas dan memanfaatkan opacity. Tetapi saya tidak ingin elemen itu dirender dari awal jadi saya "menyembunyikan" dengan …



Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.