Вопросы с меткой [opacity]
Руководство по использованию метки opacity отсутствует.
47
вопросов
1
голос
1
ответ
40
показов
Как отменить усиление(изменение) цвета в местах пересечений двух полупрозрачных div
Есть куча блоков, поверх которых рисуются div c эффектами полупрозрачности(background-color + opacity либо backdrop-filter: brightness(0.2) или другие эффекты, их комбинации).
Проблема в том, что при ...
0
голосов
0
ответов
33
показа
изменение прозрачности текста при нажатии на кнопку
Подскажите, пожалуйста, можно ли прозрачность так в функции прописывать?
<li class="cart_product" v-for="product in cartProducts" :key="product.id" :style="{ ...
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)...
0
голосов
2
ответа
35
показов
Как убрать свойство opacity отдельному изображению, находящемуся внутри ссылки?
У меня имеется вот такой HTML-код:
<div class="gallery-wrapper">
<a href="#" class="picture-item">
<img src=&...
2
голоса
0
ответов
28
показов
Получение нужного цвета суммированием цветов с прозрачностью
Возникла вот какая задача. Пусть есть исходный цвет #xxxxxx. Нужно получить другой цвет #yyyyyy, где значения первого цвета и второго - произвольные. Для получения второго цвета из первого можно ...
0
голосов
1
ответ
21
показ
Мобильное меню с visibility
При появлении во время анимации появляется сначала под контентом, потом всплывает сверху и становится на своё место.
Хочу сделать, чтобы меню всплывало поверх всеъ элементов. прописывал z-index - не ...
2
голоса
2
ответа
64
показа
Как сделать так, чтобы при выборе другого элемента ему добавлялся класс, а у предыдущего этот же класс пропадал на чистом JS?
Есть svg картинка, она содержит несколько элементов (path). Задача была сделать так чтобы при клике на этот path ему добавлялся класс с измененным opacity. Клас добавляется, но при клике на другой ...
2
голоса
1
ответ
391
показ
Можно ли узнать исходный цвет, если известна степень прозрачности имеющегося?
Есть блок некоторого оттенка синего:
ColorPic определяет его код как #4493b1 или rgba(68, 147, 177, 1). Но доподлинно известно, что этот цвет получился в результате придания прозрачности (opacity: 0....
2
голоса
1
ответ
72
показа
Рандомное скрытие части картинки в карточке с помощью грид и/или react
У меня есть картинка в карточке. Я хочу, чтобы по умолчанию для обычных пользователей отображалась лишь часть ее (например, рандомный квадрат с шириной, равной 10% от размера картинки). Я делаю это ...
0
голосов
1
ответ
197
показов
Дергается шрифт при смене opacity через transition
проблема при ховере, получается эффект изменения font-weight на время transition, как его убрать?
шрифт использую Open-Sans подключаю через google-fonts
.header-menu {
display: flex;
list-...
1
голос
3
ответа
465
показов
При нажатии на кнопку постепенно меняется значение opacity
Нужно сделать эффект накаливания лампы. В голову пришло только изменение значения opacity. При нажатии на кнопку opacity с нуля каждую секунду возрастает на 0.05 до 1. При повторном нажатии на кнопку ,...
0
голосов
1
ответ
115
показов
Как подкрутить прозрачности для фонового изображения на сайте?
Нужно сделать фоновое изображение на сайте полупрозрачным. Я попробовал использовать:
* {
background-color: rgba(255, 255, 255, 0.5);
}
body {
background-image: url(...);
}
Но такое решение ...
0
голосов
0
ответов
30
показов
WPF - удалить часть фона. Crop rectangle [дубликат]
Я пишу приложение, которое по функционалу похоже на стандартное виндосовское приложение "Ножницы".
Открывается приложение во весь экран, сам экран затемняется путем наложения грида черного с ...
0
голосов
1
ответ
80
показов
Как убрать opacity определенного виджета внутри дочернего opacity виджета?
Как убрать opacity определенного виджета внутри дочернего opacity виджета?
Я не могу снять opacity а только сделать более прозрачным opacity: 1 не работает
Opacity(
opacity: 0.5,
child: Card(
...
1
голос
2
ответа
38
показов
Не могу добиться исчезновения элемента при загрузке страницы!
Пример уже существующего кода
Не могу добиться исчезновения надписи при запуске страницы, по ссылке можете посмотреть существующий пример. При загрузке страницы надпись, находящаяся над другими ...
2
голоса
1
ответ
89
показов
Эффект прозрачности у заголовка
Как сделать такой эффект прозрачности с заголовком на обложке?
.cover {
background: url(https://jaklaczyckropki.pl/wp-content/uploads/2015/10/Polycyclic_Aromatic_Hydrocarbons_In_Space.jpg) ...
1
голос
2
ответа
720
показов
Про hover и opacity
Такая ситуация:
.menu {
background: #fff;
opacity: 0.5;
}
.link {
color: #000;
}
.link:hover {
color: #000;
text-decoration: underline;
opacity: unset; // ясно, что не ...
0
голосов
2
ответа
459
показов
Затемнение картинки с помощью другой картинки
Есть картинка, и другая как просто темная, я хочу чтобы при наведении чтобы одна оставалась такой же(основная), а вторая ложилась поверх ее и давала прозрачность, в итоге чтобы получилось как-бы ...
1
голос
1
ответ
35
показов
Помогите с позиционированием
Всем привет. Помогите пожалуйста с необычной задачкой, уже долго голову ломаю над ней.
На задней фоне есть картинка, она обязательно должна быть картинкой, и обязательно должны быть адаптивной.
Задача ...
0
голосов
1
ответ
404
показа
Ошибка "Параметр задан неверно" при закрытии формы
Проблема в следующем: при закрытии формы срабатывает эта ошибка.
Суть в том, что я делаю форму прозрачной в тот момент, когда она не активна. Когда форма активируется, то снимаю прозрачность.
Код ...
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: ...
1
голос
1
ответ
35
показов
Использование svg-анимации, уменьшающей непрозрачность прямоугольника при клике на прямоугольнике
Мне нужно изменить непрозрачность (от 1 до 0) прямоугольника при нажатии на прямоугольник.
Я использовал svg анимацию. Но я не могу изменить прозрачность прямоугольника. Если кто-нибудь знает, ...
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;
...
0
голосов
2
ответа
158
показов
CSS использование opacity
Вот примерно то что имею:
#top{
background-color: white;
height: 200px;
/*border: 2px solid black;*/
opacity: 0.7;
}
#show span{
position: ...
0
голосов
2
ответа
612
показов
Не срабатывает opacity при наведении
При наведении на картинку появляется блок .hid, далее при наведении на hid, нужно чтобы срабатывал opacity, но ничего не происходит. Подскажите пожалуйста в чем проблема?
.hid {
opacity: 0;
...
1
голос
2
ответа
213
показов
Да но как сделать чтобы тексту эта полупрозрачность не применялась
Как избавиться от затемнения текста.
a {
text-decoration: none;
color: #fff;
}
li {
border-radius: 15px;
font-size: 17px;
flex-grow: 1;
flex-basis: 0;
padding: 14px ...
0
голосов
1
ответ
79
показов
Появление графических артефактов при рисовании с помощью canvas на прозрачном фоне
В приложении - рисовалке есть такой код:
case "LINE":
{
switch (eve.getAction())
{
case MotionEvent.ACTION_DOWN:
...
0
голосов
1
ответ
188
показов
Прозрачный фон у WebView
Нужно сделать прозрачный фон у WebView в JavaFX.
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 ...
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;
...
0
голосов
1
ответ
80
показов
Перемещение ImageBrush (маски прозрачности) для Image
Пошерстил интернет на данную тему и нашел примерно такую реализацию:
<Image x:Name="Image" HorizontalAlignment="Left" Height="205" Margin="97,105,0,0" VerticalAlignment="Top" Width="281" Source="К ...
2
голоса
1
ответ
536
показов
Прозрачная надпись в кнопке средствами CSS
Привет!
Можно ли средствами CSS создать кнопку, надпись в которой будет прозрачной, то есть чтобы сквозь нее было видно задний фон? Саму кнопку сделать прозрачной могу, а надпись не соображу как.
2
голоса
2
ответа
1k
показов
анимация SVG элемента с градиентом
Добрый день уважаемые. Подскажите, пожалуйста кто знает, как реализуется анимация повышения коэффициента прозрачности для SVG элементов, фон у которых задан градиентом. Приведу простой пример.
....
0
голосов
1
ответ
106
показов
Некорректно отображается изменение прозрачности UIView
Друзья, есть проблема с изменением прозрачности элементов UIView.
Меняю так: UIView.alpha = value. Если пытаюсь увеличивать видимость с шагом 0.01 - изображение "моргает". То есть, скажем, при ...
3
голоса
1
ответ
121
показ
При восстановлении размера формы, элементы грузятся вконце
Имеется 2 формы, одна из которых является формой заполненной одной картинкой (Form3), вторая (Form1) - мейн. При нажатии на кнопку в Form1 - мейн сворачивается таким образом, открывая F3:
Form3 ...
1
голос
1
ответ
324
показа
Наложение opacity на дочерний блок, без засветления основного блока
Есть блок с засветленной картинкой и обычным текстом на ней, так же с верху и снизу есть обрамление картинки в виде треугольников. Но при задании opacity засветляются и треугольники. Пытался ставить ...
4
голоса
1
ответ
18k
показов
Затемнение/засветление у разных объектов в одном блоке
Как затемнить или засветлить фон так, чтобы при этом текст, который находится на фоне, не подлежал изменению?
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>
<...
1
голос
1
ответ
40
показов
Хочу фоновой картинке добавить полупрозрачности
Есть блок с фоном на который я хочу наложить эффект полупрозрачности без правки html, но не выходит.. набросал фидл
.profile-pic {
width: 400px;
height: 400px;
background: rgba(255, 255, ...
6
голосов
1
ответ
7k
показов
Плавное изменение прозрачности при прокрутке
Сделал для сайта кнопку "наверх", и хочу что бы она плавно появлялась при прокрутке страницы вниз (как в ВК), но что бы её прозрачность зависела он расстояния прокрутки.
Получился такой код:
var ...
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
...
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, но все равно ...
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;...
0
голосов
1
ответ
759
показов
Проблема с animate в JQ
Проблема в том что если нажать "Закрепить" и убрать курсор с элемента "div.a" пока setTimeout* не истек то он пропадает в небытье
setTimeout - это имитация post запроса который выполняется некоторое ...
1
голос
3
ответа
1k
показов
[CSS3 : Opacity] : непрозрачное содержимое в полупрозрачном блоке
Здравствуйте!
Скажите, а вообще возможно сделать так, чтобы на содержимое( текст, картинки, прочее ) не влияло свойство прозрачности( Opacity ) родительского блока?
1
голос
5
ответов
24k
показов
Прозрачность родительского и дочерних элементов. Как ограничить распространение свойства?
В CSS прозрачность элемнта-родителя передается дочерним элементам: если некоторый элемент на странице имеет свойство opacity=.5, то даже при явно заданном opacity=1 дочерние элементы будут ...
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;
...