Pertanyaan yang diberi tag «opacity»

Opasitas adalah sejauh mana objek grafis mengaburkan objek yang ditampilkan di belakangnya.

30
Bagaimana cara memberikan latar belakang transparan teks atau gambar menggunakan CSS?
Apakah mungkin, menggunakan CSS saja, untuk membuat backgroundsuatu elemen semi-transparan tetapi memiliki konten (teks & gambar) dari elemen yang buram? Saya ingin menyelesaikan ini tanpa teks dan latar belakang sebagai dua elemen terpisah. Saat mencoba: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; …
2283 html  css  opacity 

3
Menggunakan CSS untuk efek fade-in pada pemuatan halaman
Dapatkah transisi CSS digunakan untuk memungkinkan paragraf teks memudar saat memuat halaman? Saya sangat suka tampilannya di http://dotmailapp.com/ dan akan senang menggunakan efek serupa menggunakan CSS. Domain telah dibeli dan tidak lagi memiliki efek yang disebutkan. Salinan yang diarsipkan dapat dilihat di Wayback Machine . Ilustrasi Memiliki markup ini: <div …

9
Bisakah Anda mengatur opacity perbatasan di CSS?
Apakah ada cara CSS lurus ke depan untuk membuat perbatasan elemen semi-transparan dengan sesuatu seperti ini? border-opacity: 0.7; Jika tidak, apakah ada yang tahu bagaimana saya bisa melakukannya tanpa menggunakan gambar?
409 css  opacity 

10
Cara membuat teks berkedip / berkedip dengan CSS 3
Saat ini, saya memiliki kode ini: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } Berkedip, tetapi hanya berkedip "satu arah". Maksudku, itu hanya memudar, dan kemudian muncul kembali opacity: 1.0, …

14
Atur opacity gambar latar tanpa mempengaruhi elemen anak
Apakah mungkin untuk mengatur opacity gambar latar tanpa mempengaruhi opacity elemen anak? Contoh Semua tautan di catatan kaki memerlukan peluru khusus (gambar latar belakang) dan opacity peluru khusus harus 50%. HTML <div id="footer"> <ul> <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> </ul> …
214 css  opacity 

12
Cara Mengatur Opacity (Alpha) untuk Lihat di Android
Saya memiliki tombol sebagai berikut: <Button android:text="Submit" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Button> Dalam onCreate()acara saya , saya memanggil Button01 seperti ini: setContentView(R.layout.main); View Button01 = this.findViewById(R.id.Button01); Button01.setOnClickListener(this); Ada latar belakang dalam aplikasi, dan saya ingin mengatur opacity pada tombol kirim ini. Bagaimana saya bisa mengatur opacity untuk tampilan ini? Apakah ini …
211 android  button  view  opacity 

8
Bagaimana cara mengubah opacity (alfa, transparansi) elemen dalam elemen kanvas setelah elemen tersebut digambar?
Menggunakan <canvas>elemen HTML5 , saya ingin memuat file gambar (PNG, JPEG, dll.), Menggambarnya ke kanvas sepenuhnya secara transparan, dan kemudian memudar. Saya telah menemukan cara untuk memuat gambar dan menariknya ke kanvas, tapi saya tidak tahu bagaimana mengubah opacity setelah digambar. Inilah kode yang saya miliki sejauh ini: var canvas …

2
Ubah opacity alpha dari variabel KURANG
Menggunakan KURANG, saya tahu bahwa saya dapat mengubah saturasi atau warna variabel warna. Itu terlihat seperti ini: background: lighten(@blue, 20%); Saya ingin mengubah opacity alfa warna saya. Lebih disukai seperti ini: background: alpha(@blue, 20%); Apakah ada cara sederhana untuk melakukan ini di KURANG?
171 css  variables  less  opacity  alpha 

10
Opacity CSS tidak berfungsi di IE8
Saya menggunakan CSS untuk menunjukkan teks pemicu untuk bagian slide-down jQuery: yaitu ketika Anda mengarahkan kursor ke teks pemicu kursor berubah menjadi pointer dan opacity dari teks pemicu dikurangi untuk menunjukkan bahwa teks memiliki aksi klik . Ini berfungsi baik di Firefox dan Chrome, tetapi di IE8 opacity tidak berubah. …


8
Bagaimana cara mengubah transparansi teks di HTML / CSS?
Saya sangat baru mengenal HTML / CSS dan saya mencoba menampilkan beberapa teks seperti 50% transparan. Sejauh ini saya memiliki HTML untuk menampilkan teks dengan opacity penuh <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> Namun, saya tidak yakin bagaimana mengubah opasitasnya. Saya sudah mencoba mencari secara online, tetapi saya tidak …
112 html  css  opacity 

8
Bagaimana cara menggelapkan latar belakang menggunakan CSS?
Saya memiliki elemen dengan teks di dalamnya. Setiap kali saya menurunkan opacity, maka saya menurunkan opacity dari seluruh tubuh. Adakah cara agar saya bisa membuat background-imagelebih gelap, dan bukan yang lainnya? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');
100 html  css  opacity 

14
gambar bergerak saat melayang - masalah opasitas chrome
Sepertinya ada masalah dengan halaman saya di sini: http://www.lonewulf.eu Saat mengarahkan kursor ke gambar kecil, gambar bergerak sedikit ke kanan, dan itu hanya terjadi di Chrome. Css saya: .img{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; -khtml-opacity: 0.5; display:block; border:1px solid #121212; } .img:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity: …


5
Membuat latar belakang teks transparan tetapi bukan teks itu sendiri
Jadi saya mengalami masalah. Saya telah melihat sekeliling dan melihat sekeliling tetapi tidak berhasil. Saya ingin membuat latar belakang tubuh saya transparan tetapi membiarkan teks tidak transparan. Seperti sekarang ini saya tetap membuat keduanya sama-sama opacity. Ini kode saya: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: …
87 html  css  text  opacity 
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.