Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/25: Рейтинг темы: голосов - 25, средняя оценка - 4.56
-10 / 2 / 0
Регистрация: 26.05.2016
Сообщений: 89

Прозрачный текст

04.07.2016, 09:00. Показов 4779. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите пожалуйста, необходимо сделать, так что бы текст к концу блока плавно исчезал.
Как это можно сделать? Через тень не получится, потому что фон задан картинкой.
Спасибо!
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
04.07.2016, 09:00
Ответы с готовыми решениями:

Прозрачный текст
Как сделать прозрачный текст, а фон на нем был цветной. Точно так же, как вот тут написано 4K

Прозрачный фон, а не текст!
У меня есть блок .breadcrumb для него стил css .breadcrumb { font-size: 13px; padding: 8px 15px; margin: 0 0 20px; ...

Как сделать прозрачный текст с тенью?
Добрый день! Ребята стоит задача сделать используя css текст как на картинке: во вложении. Прозрачный текст у меня получается делать. Но...

3
6 / 6 / 2
Регистрация: 05.03.2013
Сообщений: 45
04.07.2016, 09:27
Поверх блока с текстом наложить блок с градиентом. http://www.colorzilla.com/gradient-editor/
1
-10 / 2 / 0
Регистрация: 26.05.2016
Сообщений: 89
05.07.2016, 10:03  [ТС]
а если фон под текстом картинка? градиент же его закрасит?
0
Богатый духовно
 Аватар для boilzzz
455 / 262 / 145
Регистрация: 10.03.2015
Сообщений: 1,057
05.07.2016, 10:55
Лучший ответ Сообщение было отмечено spiegel как решение

Решение

Progeny, Это делается не блоком, а градиентом для текста.
spiegel, вот так.
CSS
1
2
3
4
5
6
7
8
9
10
.gradient-text {
  font-size: 25px;
  text-transform: uppercase;
  background: linear-gradient(45deg, rgba(0,0,0,1) 33%, rgba(0,0,0,0) );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0B2349;
  display: table;
  margin: 20px auto;
}
HTML5
1
<p class="gradient-text">Градиентный текст</p>
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
05.07.2016, 10:55
Помогаю со студенческими работами здесь

Как наложить на картинку прозрачный фон и текст?
вот css картинки .curved-hz-1 { position:relative; width: 700px; height: 130px; padding:50px; left:...

Прозрачный блок, внутри его не прозрачный
Скажите пожалуйста, можно ли сделать &lt;div opacity 0.5 цвет белый&gt; &lt;div opacity 1 цвет красный размер 50 процентов&gt; ...

Прозрачный бэкграунд
Как сделать прозрачный бэкграунд буз потери прозрачности, а именно есть див (30% прозрачности), как не потерять всю осталюную...

Прозрачный фон
Доброго времени суток. Подскажите, пожалуйста, есть ли возможность сделать прозрачный фон блока в определённом месте? Или подскажите как...

Прозрачный iframe
Есть главный сайт, где фон динамический, т.е. меняется каждую секунду, есть iframe файла в котором 1 div (меню) и пустая белая страница. ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru