Вопросы с тегом «opacity»

Можно ли, используя только CSS, сделать backgroundэлемент полупрозрачным, но содержимое (текст и изображения) этого элемента непрозрачным? Я хотел бы сделать это без текста и фона в качестве двух отдельных элементов. При попытке: 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-переходы, чтобы позволить текстовому абзацу постепенно появляться при загрузке страницы? Мне очень нравится, как это выглядит на http://dotmailapp.com/, и я бы хотел использовать подобный эффект с помощью CSS. С тех пор домен был куплен и больше не имеет упомянутого эффекта. Архивная копия может быть просмотрена на Wayback …

442 css  css-transitions  opacity 

Есть ли прямой способ CSS сделать границу элемента полупрозрачной с чем-то вроде этого? border-opacity: 0.7; Если нет, у кого-нибудь есть идеи, как я мог бы сделать это без использования изображений?

409 css  opacity 

В настоящее время у меня есть этот код: @-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; } Он мигает, но мигает только в «одном направлении». Я имею в виду, он только …

288 html  css  css-animations  opacity 

Можно ли установить непрозрачность фонового изображения, не влияя на непрозрачность дочерних элементов? пример Все ссылки в нижнем колонтитуле должны иметь собственную маркировку (фоновое изображение), а непрозрачность пользовательской маркировки должна составлять 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 

У меня есть кнопка, как в следующем: <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 

Используя <canvas>элемент HTML5 , я хотел бы загрузить файл изображения (PNG, JPEG и т. Д.), Нарисовать его на холсте полностью прозрачно, а затем добавить его. Я выяснил, как загрузить изображение и нарисовать его в холст, но я не знаю, как изменить его непрозрачность, как только он был нарисован. Вот код, …

196 html  canvas  transparency  opacity  alpha 

Используя LESS, я знаю, что могу изменить насыщенность или оттенок цветовой переменной. Это выглядит так: background: lighten(@blue, 20%); Я хочу изменить альфа-непрозрачность моего цвета. Желательно вот так: background: alpha(@blue, 20%); Есть ли простой способ сделать это в МЕНЬШЕ?

171 css  variables  less  opacity  alpha 

Я использую CSS для обозначения текста триггера для скользящего раздела jQuery: т.е. когда вы наводите курсор мыши на текст триггера, курсор меняется на указатель, а непрозрачность текста триггера уменьшается, чтобы указать, что текст имеет действие щелчка , Это отлично работает в Firefox и Chrome, но в IE8 непрозрачность не меняется. …

143 css  internet-explorer-8  opacity 

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

112 css  internet-explorer-8  opacity 

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

112 html  css  opacity 

У меня есть элемент с текстом. Когда я уменьшаю непрозрачность, я уменьшаю непрозрачность ВСЕГО тела. Есть ли способ сделать 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 

Кажется, здесь проблема с моей страницей: 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; …

92 css  image  google-chrome  hover  opacity 

Я хочу, чтобы фон меню списка исчезал, используя непрозрачность, не затрагивая шрифт. Возможно ли это с помощью CSS3?

88 html  css  opacity 

Итак, у меня проблема. Я огляделся и огляделся, но безуспешно. Я хочу сделать фон своего тела прозрачным, но оставить текст непрозрачным. Как и сейчас, я продолжаю делать то же самое непрозрачность. Вот мой код: @charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; background-color: #42413C; margin: 0; padding: 0; …

87 html  css  text  opacity