Вопросы с меткой [opacity]

Руководство по использованию метки отсутствует.

Фильтрация
Сортировка
Метки
1 голос
1 ответ
40 показов

Как отменить усиление(изменение) цвета в местах пересечений двух полупрозрачных div

Есть куча блоков, поверх которых рисуются div c эффектами полупрозрачности(background-color + opacity либо backdrop-filter: brightness(0.2) или другие эффекты, их комбинации). Проблема в том, что при ...
kocapb's user avatar
  • 13
0 голосов
0 ответов
33 показа

изменение прозрачности текста при нажатии на кнопку

Подскажите, пожалуйста, можно ли прозрачность так в функции прописывать? <li class="cart_product" v-for="product in cartProducts" :key="product.id" :style="{ ...
talkalover's user avatar
0 голосов
0 ответов
17 показов

На ПК версии сайта непрозрачность на картинках не работает, а на мою версии всё норм

Смотрите там где в конце header { display: flex; position: fixed; width: 100%; top: 0; left: 0; z-index: 20; height:80px; background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)...
Timuru Gaifullin's user avatar
0 голосов
2 ответа
35 показов

Как убрать свойство opacity отдельному изображению, находящемуся внутри ссылки?

У меня имеется вот такой HTML-код: <div class="gallery-wrapper"> <a href="#" class="picture-item"> <img src=&...
user538839's user avatar
2 голоса
0 ответов
28 показов

Получение нужного цвета суммированием цветов с прозрачностью

Возникла вот какая задача. Пусть есть исходный цвет #xxxxxx. Нужно получить другой цвет #yyyyyy, где значения первого цвета и второго - произвольные. Для получения второго цвета из первого можно ...
Majestio's user avatar
  • 5,030
0 голосов
1 ответ
21 показ

Мобильное меню с visibility

При появлении во время анимации появляется сначала под контентом, потом всплывает сверху и становится на своё место. Хочу сделать, чтобы меню всплывало поверх всеъ элементов. прописывал z-index - не ...
user avatar
2 голоса
2 ответа
64 показа

Как сделать так, чтобы при выборе другого элемента ему добавлялся класс, а у предыдущего этот же класс пропадал на чистом JS?

Есть svg картинка, она содержит несколько элементов (path). Задача была сделать так чтобы при клике на этот path ему добавлялся класс с измененным opacity. Клас добавляется, но при клике на другой ...
Vitaliy's user avatar
  • 341
2 голоса
1 ответ
391 показ

Можно ли узнать исходный цвет, если известна степень прозрачности имеющегося?

Есть блок некоторого оттенка синего: ColorPic определяет его код как #4493b1 или rgba(68, 147, 177, 1). Но доподлинно известно, что этот цвет получился в результате придания прозрачности (opacity: 0....
Danila's user avatar
  • 966
2 голоса
1 ответ
72 показа

Рандомное скрытие части картинки в карточке с помощью грид и/или react

У меня есть картинка в карточке. Я хочу, чтобы по умолчанию для обычных пользователей отображалась лишь часть ее (например, рандомный квадрат с шириной, равной 10% от размера картинки). Я делаю это ...
Slava65's user avatar
  • 19
0 голосов
1 ответ
197 показов

Дергается шрифт при смене opacity через transition

проблема при ховере, получается эффект изменения font-weight на время transition, как его убрать? шрифт использую Open-Sans подключаю через google-fonts .header-menu { display: flex; list-...
AndreyTheHive's user avatar
1 голос
3 ответа
465 показов

При нажатии на кнопку постепенно меняется значение opacity

Нужно сделать эффект накаливания лампы. В голову пришло только изменение значения opacity. При нажатии на кнопку opacity с нуля каждую секунду возрастает на 0.05 до 1. При повторном нажатии на кнопку ,...
Влад's user avatar
0 голосов
1 ответ
115 показов

Как подкрутить прозрачности для фонового изображения на сайте?

Нужно сделать фоновое изображение на сайте полупрозрачным. Я попробовал использовать: * { background-color: rgba(255, 255, 255, 0.5); } body { background-image: url(...); } Но такое решение ...
Listopad02's user avatar
  • 1,198
0 голосов
0 ответов
30 показов

WPF - удалить часть фона. Crop rectangle [дубликат]

Я пишу приложение, которое по функционалу похоже на стандартное виндосовское приложение "Ножницы". Открывается приложение во весь экран, сам экран затемняется путем наложения грида черного с ...
GromWolf's user avatar
  • 180
0 голосов
1 ответ
80 показов

Как убрать opacity определенного виджета внутри дочернего opacity виджета?

Как убрать opacity определенного виджета внутри дочернего opacity виджета? Я не могу снять opacity а только сделать более прозрачным opacity: 1 не работает Opacity( opacity: 0.5, child: Card( ...
NoProgress's user avatar
1 голос
2 ответа
38 показов

Не могу добиться исчезновения элемента при загрузке страницы!

Пример уже существующего кода Не могу добиться исчезновения надписи при запуске страницы, по ссылке можете посмотреть существующий пример. При загрузке страницы надпись, находящаяся над другими ...
pomogite's user avatar
2 голоса
1 ответ
89 показов

Эффект прозрачности у заголовка

Как сделать такой эффект прозрачности с заголовком на обложке? .cover { background: url(https://jaklaczyckropki.pl/wp-content/uploads/2015/10/Polycyclic_Aromatic_Hydrocarbons_In_Space.jpg) ...
Sevastopol''s user avatar
  • 28.1k
1 голос
2 ответа
720 показов

Про hover и opacity

Такая ситуация: .menu { background: #fff; opacity: 0.5; } .link { color: #000; } .link:hover { color: #000; text-decoration: underline; opacity: unset; // ясно, что не ...
E Sargsyan's user avatar
0 голосов
2 ответа
459 показов

Затемнение картинки с помощью другой картинки

Есть картинка, и другая как просто темная, я хочу чтобы при наведении чтобы одна оставалась такой же(основная), а вторая ложилась поверх ее и давала прозрачность, в итоге чтобы получилось как-бы ...
Максим Горщевский's user avatar
1 голос
1 ответ
35 показов

Помогите с позиционированием

Всем привет. Помогите пожалуйста с необычной задачкой, уже долго голову ломаю над ней. На задней фоне есть картинка, она обязательно должна быть картинкой, и обязательно должны быть адаптивной. Задача ...
user341874's user avatar
0 голосов
1 ответ
404 показа

Ошибка "Параметр задан неверно" при закрытии формы

Проблема в следующем: при закрытии формы срабатывает эта ошибка. Суть в том, что я делаю форму прозрачной в тот момент, когда она не активна. Когда форма активируется, то снимаю прозрачность. Код ...
Алексей's user avatar
1 голос
1 ответ
73 показа

Дочерний элемент не отображает собственную opacity, если она больше родительского

.parent { background-color: red; width: 200px; height: 200px; opacity: 0.3; position: relative; } .child { background-color: green; width: 100px; height: 100px; opacity: ...
Natalya's user avatar
  • 681
1 голос
1 ответ
35 показов

Использование svg-анимации, уменьшающей непрозрачность прямоугольника при клике на прямоугольнике

Мне нужно изменить непрозрачность (от 1 до 0) прямоугольника при нажатии на прямоугольник. Я использовал svg анимацию. Но я не могу изменить прозрачность прямоугольника. Если кто-нибудь знает, ...
Alexandr_TT's user avatar
0 голосов
1 ответ
832 показа

Как убрать затемнение текста при свойстве opacity?

.price-building { background: url(../photo/vlcsnap-2018-09-10-13h28m31s589.png); background-position-x: -815px; opacity: 1; } .price-building:hover { ## Заголовок ##opacity: 0.4; ...
Yanior's user avatar
  • 3
0 голосов
2 ответа
158 показов

CSS использование opacity

Вот примерно то что имею: #top{ background-color: white; height: 200px; /*border: 2px solid black;*/ opacity: 0.7; } #show span{ position: ...
Viktor 's user avatar
  • 137
0 голосов
2 ответа
612 показов

Не срабатывает opacity при наведении

При наведении на картинку появляется блок .hid, далее при наведении на hid, нужно чтобы срабатывал opacity, но ничего не происходит. Подскажите пожалуйста в чем проблема? .hid { opacity: 0; ...
Кирилл Четвертков's user avatar
1 голос
2 ответа
213 показов

Да но как сделать чтобы тексту эта полупрозрачность не применялась

Как избавиться от затемнения текста. a { text-decoration: none; color: #fff; } li { border-radius: 15px; font-size: 17px; flex-grow: 1; flex-basis: 0; padding: 14px ...
user avatar
0 голосов
1 ответ
79 показов

Появление графических артефактов при рисовании с помощью canvas на прозрачном фоне

В приложении - рисовалке есть такой код: case "LINE": { switch (eve.getAction()) { case MotionEvent.ACTION_DOWN: ...
hardhare's user avatar
0 голосов
1 ответ
188 показов

Прозрачный фон у WebView

Нужно сделать прозрачный фон у WebView в JavaFX.
Александр's user avatar
2 голоса
1 ответ
118 показов

c#. Не меняется alpha-параметр цвета в Graphics.DrawString

Добрый день! Пытаюсь с помощью c# нарисовать полупрозрачный текст. Пишу следующий код: Bitmap bm = new Bitmap(250, 250); Graphics gr = Graphics.FromImage(bm); clr = Color.FromArgb(50, 0, 0, 0); font ...
Владимир Ратушненко's user avatar
0 голосов
1 ответ
1k показов

Как сделать прозрачным только родительский элемент div

Есть такой блок: Серый фон - .item #novelty .item { background: #BEBFC3; -webkit-border-radius: 5%; -moz-border-radius: 5%; border-radius: 3%; margin: 0 auto; margin-bottom: 25px; ...
Бекжан Сейткали's user avatar
0 голосов
1 ответ
80 показов

Перемещение ImageBrush (маски прозрачности) для Image

Пошерстил интернет на данную тему и нашел примерно такую реализацию: <Image x:Name="Image" HorizontalAlignment="Left" Height="205" Margin="97,105,0,0" VerticalAlignment="Top" Width="281" Source="К ...
SKProCH's user avatar
  • 954
2 голоса
1 ответ
536 показов

Прозрачная надпись в кнопке средствами CSS

Привет! Можно ли средствами CSS создать кнопку, надпись в которой будет прозрачной, то есть чтобы сквозь нее было видно задний фон? Саму кнопку сделать прозрачной могу, а надпись не соображу как.
fatalnyishod's user avatar
2 голоса
2 ответа
1k показов

анимация SVG элемента с градиентом

Добрый день уважаемые. Подскажите, пожалуйста кто знает, как реализуется анимация повышения коэффициента прозрачности для SVG элементов, фон у которых задан градиентом. Приведу простой пример. ....
BlackStar1991's user avatar
0 голосов
1 ответ
106 показов

Некорректно отображается изменение прозрачности UIView

Друзья, есть проблема с изменением прозрачности элементов UIView. Меняю так: UIView.alpha = value. Если пытаюсь увеличивать видимость с шагом 0.01 - изображение "моргает". То есть, скажем, при ...
GenDru's user avatar
  • 23
3 голоса
1 ответ
121 показ

При восстановлении размера формы, элементы грузятся вконце

Имеется 2 формы, одна из которых является формой заполненной одной картинкой (Form3), вторая (Form1) - мейн. При нажатии на кнопку в Form1 - мейн сворачивается таким образом, открывая F3: Form3 ...
V. Muz's user avatar
  • 33
1 голос
1 ответ
324 показа

Наложение opacity на дочерний блок, без засветления основного блока

Есть блок с засветленной картинкой и обычным текстом на ней, так же с верху и снизу есть обрамление картинки в виде треугольников. Но при задании opacity засветляются и треугольники. Пытался ставить ...
Tyler Maning's user avatar
4 голоса
1 ответ
18k показов

Затемнение/засветление у разных объектов в одном блоке

Как затемнить или засветлить фон так, чтобы при этом текст, который находится на фоне, не подлежал изменению?
Леонид's user avatar
1 голос
0 ответов
103 показа

Прозрачность в background-color при наложении нескольких элементов

Имеется структура <div style="width:1517px; height:81px; position:relative;"> <div class="gray_section" style="height: 80px; left: 0px; width: 493px; top: 0px;"></div> <...
Xploitik's user avatar
1 голос
1 ответ
40 показов

Хочу фоновой картинке добавить полупрозрачности

Есть блок с фоном на который я хочу наложить эффект полупрозрачности без правки html, но не выходит.. набросал фидл .profile-pic { width: 400px; height: 400px; background: rgba(255, 255, ...
Вася's user avatar
  • 4,488
6 голосов
1 ответ
7k показов

Плавное изменение прозрачности при прокрутке

Сделал для сайта кнопку "наверх", и хочу что бы она плавно появлялась при прокрутке страницы вниз (как в ВК), но что бы её прозрачность зависела он расстояния прокрутки. Получился такой код: var ...
Artemiy Kotelevich's user avatar
0 голосов
0 ответов
268 показов

Использовать setTimeout по клику, перед исчезновением fieldset

Парни, есть такой вот код: $(".next").click(function(){ if(animating) return false; animating = true; current_fs = $(this).parent(); next_fs = $(this).parent().next(); //show the next fieldset ...
stefanm's user avatar
2 голоса
2 ответа
3k показов

Z-index не работает на opacity

Есть <div class="header"> <div class="logo"> </div> </div> это изображения, у header opacity 0.7 и z-index 1, а у logo не нужно вообще opacity и z-index 2, но все равно ...
foozzi's user avatar
  • 475
0 голосов
3 ответа
21k показов

Как убрать opacity у дочернего элемента?

Есть примерно такой код: <div id="block1" style="width: 300px; height: 300px; background-color: red;"> <div id="block2" style="width: 300px; height: 150px; background-color: #000; color: #fff;...
fastreg0's user avatar
0 голосов
1 ответ
759 показов

Проблема с animate в JQ

Проблема в том что если нажать "Закрепить" и убрать курсор с элемента "div.a" пока setTimeout* не истек то он пропадает в небытье setTimeout - это имитация post запроса который выполняется некоторое ...
Fangog's user avatar
  • 1,665
1 голос
3 ответа
1k показов

[CSS3 : Opacity] : непрозрачное содержимое в полупрозрачном блоке

Здравствуйте! Скажите, а вообще возможно сделать так, чтобы на содержимое( текст, картинки, прочее ) не влияло свойство прозрачности( Opacity ) родительского блока?
AseN's user avatar
  • 13.6k
1 голос
5 ответов
24k показов

Прозрачность родительского и дочерних элементов. Как ограничить распространение свойства?

В CSS прозрачность элемнта-родителя передается дочерним элементам: если некоторый элемент на странице имеет свойство opacity=.5, то даже при явно заданном opacity=1 дочерние элементы будут ...
Denis Khvorostin's user avatar
3 голоса
1 ответ
6k показов

Убрать opacity у дочерних div'ов?

У меня примерно такой код: <div id="WWtray"> <div id="WWclock_val"> 13:59 </div> <div/> Стили: #WWtray{ position: absolute; bottom: 0px; left: 0px; width: 92%; height: 35px; ...
Rules's user avatar
  • 4,966