«opacity» etiketlenmiş sorular

Yalnızca CSS kullanarak backgroundbir öğeyi yarı saydam yapmak, ancak öğenin içeriğini (metin ve görüntüler) opak yapmak mümkün müdür ? Bunu, metin ve arka plana iki ayrı öğe olmadan sahip olmak istiyorum. Denerken: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: …

2283 html  css  opacity 

CSS geçişleri, bir metin paragrafının sayfa yüklenirken solmasına izin vermek için kullanılabilir mi? Http://dotmailapp.com/ adresinde nasıl göründüğünü çok seviyorum seviyorum ve CSS kullanarak benzer bir efekt kullanmak . Alan adı o zamandan beri satın alındı ​​ve artık söz konusu etkiye sahip değil. Arşivlenmiş bir kopya Wayback Machine'de görüntülenebilir . örnekleme …

442 css  css-transitions  opacity 

Bir öğenin kenarlığını böyle bir şeyle yarı saydam yapmanın düz bir CSS yolu var mı? border-opacity: 0.7; Değilse, görüntüleri kullanmadan nasıl yapabileceğime dair bir fikrim var mı?

409 css  opacity 

Şu anda, bu kodu var: @-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; } Yanıp sönüyor, ancak yalnızca "tek yönde" yanıp sönüyor. Yani, sadece kayboluyor ve sonra tekrar ortaya çıkıyor opacity: …

288 html  css  css-animations  opacity 

Alt öğelerin opaklığını etkilemeden arka plan görüntüsünün opaklığını ayarlamak mümkün müdür? Misal Altbilgideki tüm bağlantıların özel bir madde işaretine (arka plan resmi) ihtiyacı vardır ve özel madde işaretinin opaklığı% 50 olmalıdır. 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> …

214 css  opacity 

Aşağıdaki gibi bir düğme var: <Button android:text="Submit" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Button> Benim onCreate()olayımda, böyle Button01 çağırıyorum: setContentView(R.layout.main); View Button01 = this.findViewById(R.id.Button01); Button01.setOnClickListener(this); Uygulamada bir arka plan var ve bu gönderme düğmesine bir opaklık ayarlamak istiyorum. Bu görünüm için nasıl opaklık ayarlayabilirim? Java tarafında ayarlayabileceğim bir şey mi yoksa main.xml dosyasında …

211 android  button  view  opacity 

HTML5 <canvas>öğesini kullanarak, bir görüntü dosyası (PNG, JPEG, vb.) Yüklemek, tamamen şeffaf bir şekilde tuvale çizmek ve daha sonra solmak istiyorum. Görüntüyü nasıl yükleyeceğimi ve tuval, ama çizildikten sonra opaklığını nasıl değiştireceğimi bilmiyorum. İşte şimdiye kadar sahip olduğum kod: var canvas = document.getElementById('myCanvas'); if (canvas.getContext) { var c = canvas.getContext('2d'); …

196 html  canvas  transparency  opacity  alpha 

LESS kullanarak, bir renk değişkeninin doygunluğunu veya renk tonunu değiştirebileceğimi biliyorum. Şöyle görünüyor: background: lighten(@blue, 20%); Yine de rengimin alfa opaklığını değiştirmek istiyorum. Tercihen şöyle: background: alpha(@blue, 20%); Bunu LESS'te yapmanın basit bir yolu var mı?

171 css  variables  less  opacity  alpha 

Bir jQuery aşağı açılır bölümü için tetikleyici metnini belirtmek için CSS kullanıyorum: yani tetikleyici metnin üzerine geldiğinizde imleç bir işaretçiye dönüşür ve metnin bir tıklama eylemi olduğunu belirtmek için tetikleyici metnin opaklığı azaltılır . Firefox ve Chrome'da bu iyi çalışıyor, ancak IE8'de opaklık değişmiyor. Herhangi bir başarı olmadan çeşitli CSS …

143 css  internet-explorer-8  opacity 

IE 8'de bulunan öğeyi etkilemeden div'in arka planının Opaklığını ayarlamak istiyorum. Herhangi bir çözüme sahibim ve 1 X 1 .png resmine yanıt vermeyin ve dinamik opaklık kullanıyorum ve renk yöneticisi değişebileceğinden bu resmin opaklığını ayarlayın o Bunu kullandım ama IE 8'de çalışmıyorum #alpha { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; …

112 css  internet-explorer-8  opacity 

HTML / CSS konusunda çok yeniyim ve bazı metinleri% 50 şeffaf gibi görüntülemeye çalışıyorum. Şimdiye kadar metni tam opaklıkla görüntülemek için HTML'ye sahibim <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> Ancak, opaklığını nasıl değiştireceğimden emin değilim. Çevrimiçi aramayı denedim, ancak bulduğum kodla tam olarak ne yapacağımdan emin değilim.

112 html  css  opacity 

İçinde metin olan bir öğe var. Opaklığı ne zaman azaltsam, BÜTÜN gövdenin opaklığını azaltırım. Her background-imageşeyi değil de daha karanlık yapmamın bir yolu var mı ? background-image:url('http://fc02.deviantart.net/fs71/i/2011/274/6/f/ocean__sky__stars__and_you_by_muddymelly-d4bg1ub.png');

104 html  css  opacity 

Buradaki sayfamla ilgili bir sorun var gibi görünüyor: http://www.lonewulf.eu Küçük resimlerin üzerine gelindiğinde, resim biraz sağa doğru hareket eder ve bu yalnızca Chrome'da gerçekleşir. CSS'im: .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: 1; -khtml-opacity: 1; …

92 css  image  google-chrome  hover  opacity 

Yazı tipini etkilemeden opaklık kullanarak liste menüsünün arka planının kaybolmasını istiyorum. CSS3 ile mümkün mü?

91 html  css  opacity 

Yani bir sorun yaşıyorum. Etrafa baktım ve etrafa baktım ama şansım yok. Vücudumun arka planını şeffaf yapmak, ancak metni şeffaf olmadan bırakmak istiyorum. Şu anda olduğu gibi ikisini de aynı opaklığı yapmaya devam ediyorum. İşte kodum: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; …

87 html  css  text  opacity