Заполните прозрачность значка Font-awesome
Можно ли изменить цвет прозрачных частей значков шрифтов, которые я использую?
Сейчас моя страница выглядит так, однако я бы хотел, чтобы это выглядело как Так (я использовал красный для ясности)
Я читал что-то о градиентах, но это было бы слишком далеко и было бы видно за пределами прозрачного пространства.
@Tyadan, мой ответ тебе подходит?
—
10.03.2019 15:48
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
0
2
880
2
Ответы 2
Вы можете изменить цвет с помощью свойства color, но значки на изображениях не могут быть изменены этим свойством. Но если вы используете эти значки <i class = "fas fa-envelope"></i>, <i class = "fab fa-linkedin-in"></i> вместо тех, что на изображении, вы можете изменить цвет с помощью свойства color
используйте приведенный ниже код:
HTML и CSS-код
.linkedin-icon{
color: red;
}<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width=device-width, initial-scale=1.0">
<meta http-equiv = "X-UA-Compatible" content = "ie=edge">
<link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity = "sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ"
crossorigin = "anonymous">
<title>Document</title>
</head>
<body>
<span class = "fa-stack">
<i class = "linkedin-icon fab fa-linkedin fa-stack-2x"></i>
</span>
</body>
</html>Другие вопросы по теме
Как остановить текст, протекающий под плавающим изображением
Woocommerce CSS зависший продукт, который выходит за пределы продукта ниже
Изображения не помещаются в карусель в bootstrap 4
Вертикальное выравнивание текста в разделах Bootstrap 4 (с классом btn) без фиксированной высоты при использовании CSS Grid (и без flexbox)
NativeScript Vue - значки дизайна материалов не отображаются
Предотвратить расширение карты в колоде карт
Выравнивание HTML-таблицы
Нижний колонтитул индекса дурацкий
Растянутое изображение в начальной загрузке карусели
Порядок выполнения анимации css
Похожие вопросы
Проверка входного значения в javascript
Woocommerce CSS зависший продукт, который выходит за пределы продукта ниже
Программно щелкните ссылку href, используя setInterval через x секунд
Изображения не помещаются в карусель в bootstrap 4
VS Code, как объединить HTML в файл .JS?
Предотвратить расширение карты в колоде карт
Заменить часть строки множественного элемента классом с JS
Выравнивание HTML-таблицы
Как извлечь содержимое <span>, которое содержит обычные тексты, а также другие теги HTML в BeautifulSoup?
Клонировать форму без сохранения значений
пожалуйста, покажите нам свой код .. какая версия прошивки?