Запитання з тегом «opacity»

Непрозорість - це ступінь, до якої графічний об'єкт затемнює об'єкти, які відображаються за ним.

30
Як надати тексту чи зображенню прозорий фон за допомогою CSS?
Чи можливо, використовуючи лише CSS, зробити backgroundелемент напівпрозорим, але вміст (текст і зображення) елемента непрозорий? Я хотів би досягти цього, не маючи тексту та фону як двох окремих елементів. При спробі: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; …
2283 html  css  opacity 

3
Використання CSS для зменшення ефекту при завантаженні сторінки
Чи можна використовувати переходи CSS, щоб дозволити розширенню текстового абзацу на завантаженні сторінки? Мені дуже подобається, як це виглядало на http://dotmailapp.com/, і я хотів би використовувати подібний ефект за допомогою CSS. З цього часу домен був придбаний і більше не має згаданого ефекту. Заархівовану копію можна переглянути на машині Wayback …


10
Як зробити миготливий / миготливий текст за допомогою CSS 3
На даний момент у мене є цей код: @-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; } Він блимає, але блимає лише в одну сторону. Я маю на увазі, він тільки …

14
Встановіть непрозорість фонового зображення, не впливаючи на дочірні елементи
Чи можна встановити непрозорість фонового зображення, не впливаючи на непрозорість дочірніх елементів? Приклад Для всіх посилань у нижньому колонтитулі потрібна спеціальна куля (фонове зображення), а непрозорість спеціальної кулі повинна становити 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> …
214 css  opacity 

12
Як встановити непрозорість (альфа) для перегляду в Android
У мене є кнопка як у наступному: <Button android:text="Submit" android:id="@+id/Button01" android:layout_width="fill_parent" android:layout_height="wrap_content"> </Button> У моєму onCreate()випадку я телефоную Button01 так: setContentView(R.layout.main); View Button01 = this.findViewById(R.id.Button01); Button01.setOnClickListener(this); У програмі є фон, і я хочу встановити непрозорість на цій кнопці подання. Як я можу встановити непрозорість для цього перегляду? Це щось, що …
211 android  button  view  opacity 

8
Як змінити непрозорість (альфа, прозорість) елемента в елементі полотна після його малювання?
Використовуючи <canvas>елемент HTML5 , я хотів би завантажити файл зображення (PNG, JPEG тощо), намалювати його на полотно повністю прозоро, а потім розтушувати. Я зрозумів, як завантажити зображення та намалювати його на полотно, але я не знаю, як змінити його непрозорість, як тільки його намалювали. Ось код у мене поки що: …

2
Змінення альфа-непрозорості змінної меншої кількості
Використовуючи менше, я знаю, що я можу змінити насиченість або відтінок колірної змінної. Це виглядає приблизно так: background: lighten(@blue, 20%); Я хочу змінити непрозорість кольору свого кольору. Переважно так: background: alpha(@blue, 20%); Чи є простий спосіб зробити це в МЕНЕ?
171 css  variables  less  opacity  alpha 

10
Непрозорість CSS не працює в IE8
Я використовую CSS для позначення тексту тригера для розсувного розділу jQuery: тобто, коли навести курсор на текст тригера, курсор змінюється на покажчик, і непрозорість тексту тригера зменшується, щоб вказати, що текст має дію натискання . Це добре працює у Firefox та Chrome, але в IE8 непрозорість не змінюється. Я спробував …

8
Непрозорість фону div, не впливаючи на вміщений елемент в IE 8?
Я хочу встановити непрозорість фону div, не впливаючи на елемент, що міститься в IE 8., будь-яке рішення і не відповідати на встановлення зображення 1 X 1 .png та встановити непрозорість цього зображення, оскільки я використовую динамічну непрозорість, і адміністратор кольорів може змінюватися що Я використовував це, але не працював в …

8
Як змінити прозорість тексту в HTML / CSS?
Я дуже новачок у HTML / CSS і намагаюся відображати текст як 50% прозорий. Поки що у мене є HTML для відображення тексту з повною непрозорістю <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> Однак я не впевнений, як змінити його непрозорість. Я намагався шукати в Інтернеті, але не впевнений, що …
112 html  css  opacity 

8
Як затемнити фон за допомогою CSS?
У мене є елемент із текстом. Кожного разу, коли я зменшую непрозорість, я зменшую непрозорість ЦІЛОГО тіла. Чи є спосіб, яким я можу просто зробити background-imageтемніший, а не все інше? 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
зображення рухається при наведенні - проблема з непрозорістю хрому
Здається, є проблема з моєю сторінкою тут: http://www.lonewulf.eu При наведенні на мініатюри зображення трохи рухається праворуч, і це відбувається лише в Chrome. Мій css: .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; display:block; …

8
Прозорий колір тла CSS
Я хочу зробити так, щоб фон меню списку зникав, використовуючи непрозорість, не впливаючи на шрифт. Чи можливо це з CSS3?
89 html  css  opacity 

5
Робимо фон тексту прозорим, але не самим текстом
Отже, у мене проблема. Я озирнувся і озирнувся, але не везе. Я хотів би зробити фон мого тіла прозорим, але залишити текст непрозорим. Як це зараз я продовжую робити обидва однакові непрозорість. Ось мій код: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: …
86 html  css  text  opacity 

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.