«rgba» etiketlenmiş sorular

5
Sass - Arka plan opaklığı için Hex'i RGBa'ya dönüştürme
Bir RGBa örneğinin yarı tam modifikasyonu olan aşağıdaki Sass mixin var : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } $opacityTamam uyguladım , ama şimdi $colorparçası ile sıkışıp kaldım . Karışıma göndereceğim renkler RGB değil HEX olacaktır. Örnek kullanımım …

12
CSS onaltılık RGBA?
Yazabileceğini biliyorum ... background-color: #ff0000; ... kırmızı olan bir şey istiyorsan. Ve yazabilirsiniz ... background-color: rgba(255, 0, 0, 0.5); ... kırmızı ve yarı saydam bir şey istiyorsanız. Onaltılı olarak kısmen saydam renkler yazmanın kısa bir yolu var mı? Gibi bir şey istiyorum: background-color: #ff000088; <--- the 88 is the alpha …
199 css  colors  rgba 

7
RGB'yi RGBA'yı beyaza dönüştürün
Bir hex renk var, örneğin #F4F8FB(veya rgb(244, 248, 251)) mümkün olduğunca şeffaf bir rgba rengine (beyaz üzerinde görüntülendiğinde) dönüştürmek istiyorum. Mantıklı olmak? Bir algoritma arıyorum, ya da en azından bunu nasıl yapacağınız için bir algoritma fikri. Örneğin: rgb( 128, 128, 255 ) --> rgba( 0, 0, 255, .5 ) rgb( …
196 javascript  colors  css  rgba 


7
RGBA PNG'yi PIL ile RGB'ye dönüştürün
Django ile yüklenen şeffaf bir PNG görüntüsünü JPG dosyasına dönüştürmek için PIL kullanıyorum. Çıktı bozuk görünüyor. Kaynak dosyası Kod Image.open(object.logo.path).save('/tmp/output.jpg', 'JPEG') veya Image.open(object.logo.path).convert('RGB').save('/tmp/output.png') Sonuç Her iki durumda da ortaya çıkan görüntü şuna benzer: Bunu düzeltmenin bir yolu var mı? Eskiden şeffaf arka planın olduğu yerde beyaz bir arka plana sahip …

14
Fareyle üzerine gelindiğinde bir rgba arka plan renginin yalnızca alfasını değiştirmek mümkün müdür?
<a>Farklı rgba arka plan renklerine sahip ancak aynı alfaya sahip bir dizi etiketim var. Yalnızca rgba niteliğinin opaklığını değiştirecek tek bir css stili yazmak mümkün müdür? Kodun hızlı bir örneği: <a href="#"><img src="" /><div class="brown">Link 1</div></a> <a href="#"><img src="" /><div class="green">Link 2</div></a> Ve stiller a {display: block; position: relative} .brown …

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.