Текста градиент: Как сделать текст градиентом — простой CSS-трюк

Страница не найдена (ошибка 404)

PHP

array_unique для многомерных массивов Contenteditable – текстовый редактор CURL — если сервер отдает редирект date() – форматирование даты PHP PHP parse_url и её обратная функция PHP класс для отправки E-mail PHP класс для хлебных крошек PHP массив в файл CSV PHP паттерн Registry PHP транслит PHP функции для checked и selected PHP функция serialize, возможные проблемы PHP-класс для создания миниатюр изображений PHP-класс обертка для PDO POST-запрос через file_get_content() RSS канал на PHP RSS-файл для Яндекс Турбо-страниц WebP вместо изображений в браузерах где он поддерживается Whois, как получить данные IP-адреса и домена в PHP XML для Яндекс. Недвижимости на PHP XML-файл объявлений для Авито ZIP в PHP (ZipArchive) Автозагрузка классов Автоматическая установка временной зоны у пользователя Автоматический контраст цвета шрифта к фону на PHP Автоматическое заполнение поля «город» в форме по IP адресу Автоматическое оглавление для статьи Автоматическое сжатие и оптимизация картинок на сайте Авторизация на сайте через Facebook Авторизация на сайте через Яндекс Авторизация через GitHub Алфавитный указатель на PHP Бот Телеграм на PHP Время жизни сессии в PHP Время и память выполнения скрипта PHP Вставить баннер в центр статьи Вставка и добавление в текст регулярными выражениями Вход на сайт через Вконтакте Вход через Google Вывести массив в виде PHP кода Вывод HTML-таблицы с функцией сортировки на PHP + MySQL Вывод PHP-массива колонками Вывод даты с русскими месяцами Вывод списка по алфавиту Выпадающий список с файлами на хостинге Вычисление процентов в PHP Генерация QR-кода в PHP Генерация XML файла для Google Merchant Генерация YML файла Яндекс Маркета на PHP Генерация всех комбинаций из набора символов Генерация паролей в PHP Генерация превьюшек изображений на лету Генерация случайных буквенно-цифровых кодов в PHP Генерация счета на оплату PDF PHP Генерация токенов в PHP Дополнения к функции in_array() Дополнительные функции mb_string Загрузка изображений с превью AJAX + PHP + MySQL Загрузка файлов на сервер PHP Загрузка файлов через AJAX с помощью jQuery Form Plugin Замена кавычек на «ёлочки» в PHP Замена раскладки на PHP Замена регистра в строках PHP Замена символов по регулярному выражению Запись в лог-файл в PHP Запись и чтение файлов в PHP Заполненные PHP-массивы для дат Защита от нелегального зеркала сайта Извлечение данных с помощью регулярных выражений PHP Изображения WebP в GD PHP Интеграция с платежной системой PayKeeper в PHP Исключения PHP (Try и Catch) Использование API Геокодера в PHP для получения координат Использование API Яндекс Диска на PHP Использование циклов в PHP Как включить вывод символов эмодзи на сайте Как вывести PHP массив Как вывести метки на Яндекс. Картах из MySQL+PHP Как выделить фразы в тексте Как добавить UTM-метки в заявки с сайта Как дописать стили в атрибут style тегов HTML через PHP Как дописать текст до определенного количества символов в php Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate() Как найти одинаковые файлы с разными именами в PHP Как нарисовать точку в PHP GD Как настроить Last-Modified Как получить IP посетителя в PHP Как получить все дни между датами в PHP Как получить текущий URL в PHP? Как преобразовать текст из textarea в параграфы HTML Как прочитать SSL сертификат из PHP Как сделать редирект PHP Как сформировать большой файл для маркета Как узнать, что пришел запрос через AJAX Календарь на PHP Кнопка «Показать еще» Конвертация байтов в килобайты и мегабайты Кэширование контента в файлы PHP Мануал по созданию и форматированию excel файлов в PHPExcel Массив $_FILES Массив $_SERVER Метрика API Многоуровневый select из базы данных

Нахождение расстояния между двумя точками по координатам в PHP/JS Нахождение расстояния от точки до отрезка в PHP/JS Обзор PHP расширений для чтения файлов Excel Обновление таблицы БД из XML файлов Обработка и вывод рейтинга в PHP Обработка изображений в PHP Обрезка текста для анонса Округление чисел в PHP Операции с датами и временем Unixtime в PHP Оплата заказов на сайте через Робокассу Определение местоположения посетителя по IP-адресу в PHP Определение мобильного устройства в PHP Определение основного цвета изображения в PHP Определение поисковых роботов Отдача файлов на скачивание PHP Отключить кэширование PHP Отправка sms через «SMS Aero» в PHP Отправка и прием данных 1C на PHP-сайте Отправка писем через PHPMailer Отправка писем через SMTP в PHPMailer Отправка письма с вложением Отправка сообщения с изображением в Twitter через PHP Отправка формы через PHP CURL Отслеживание окончания доменов и SSL-сертификатов Очистка данных из форм в PHP Перекодировка текста UTF-8 и WINDOWS-1251 Переносы строк и тег BR в PHP Платежи на сайте через IntellectMoney PHP Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable Подгрузка контента при прокрутке (бесконечная лента) Подключение к платежной системе Сбербанка Поиск ближайших объектов в БД по координатам Поиск на сайте внешних ссылок и их анкоров Поиск похожих текстов в базе данных MySQL + PHP Поиск телефона в базе данных MySQL Поиск файлов в PHP Поле для выбора количества товаров Получение котировок PHP Получить DNS записи домена в PHP Получить GET-параметр из URL Получить фото из Instagram без API Постраничный вывод и базы данных Постраничный вывод массива Прайс-лист для Яндекс карт и справочника Преобразование CSV в XLSX на PHP Преобразование punycode в PHP Преобразование изображения в Base64 на PHP Преобразование строк в массив PHP Преобразование цветов в PHP Прием платежей на сайте через интернет-эквайринг Тинькофф Прием платежей на сайте через Юкассу Пример парсинга html-страницы на phpQuery Примеры использования cURL в PHP Примеры использования PDO MySQL Проблема PHP DOMDocument – русские буквы заменяются на мнемоники Проверка данных регулярными выражениями Публикация записей на стену сообщества VK Публикация на страницу Facebook через PHP Работа с API Instagram Работа с API Яндекс. Маркета для модели FBS в PHP Работа с FTP в PHP Работа с JSON в PHP Работа с MIME-типами в PHP Работа с Ozon Seller API в PHP Работа с директориями в PHP Работа с именами файлов в PHP Работа с массивами PHP – создание, наполнение, удаление Работа с ценами PHP Работа с числами в PHP Работа со строками в PHP Размер файлов и директорий в PHP Раскрывающийся многоуровневый список Расчёт прибыльности за одну единицу товара Расчёт средней закупочной или продажной цены Регулярные выражения для замены на теги Регулярные выражения для удаления тегов Секунды в минуты, часы, дни Склонение слов после числительных в PHP Создание товарной накладной в PHPExcel Сортировка массива по количеству символов Сортировка массивов Сохранить все изображения со страницы сайта Сохранить файл в UTF-8 без BOM Сумма прописью PHP Счетчик просмотров страниц с графиком Транслитерация по ГОСТ Удаление регулярными выражениями в PHP Управление выводом ошибок PHP Установака recaptcha v2 на сайт Установка лимитов PHP на обработку данных из форм Установка локали UTF-8 в PHP Фильтрация IP-адресов Форматирование телефонных номеров Формирование массива, содержащий все часы из интервала Формирование файла sitemap. xml Хеширование строк в PHP Чтение Google таблиц в PHP Чтение XML файла Яндекс Маркета в PHP Чтение почты через IMAP в PHP Шаблонизатор Smarty Шорткоды на регулярных выражениях Яндекс.Доставка работа с API в PHP

HTML/CSS

Clearfix – отмена действия float CSS @media для мобильных, планшетов и настольных компьютеров CSS display table CSS стили выделенного текста CSS стили для placeholder CSS фильтры CSS-стили для списков dl, dt, dd Favicon Input type number Manifest. json Open Graph Schema.org – пример разметки блога Schema.org – пример разметки статьи Select option с ссылками Select для выбора страны (PHP + MySQL) SVG спрайты Адаптивное выравнивание изображений на всю ширину браузера Адаптивные блоки YouTube Адаптивные плееры Youtube на десктопах и мобильных Блоки со стрелками (часть 1) Блоки со стрелками (часть 2) Блокировка многократной отправки формы Буквица CSS Ведущие нули у ol Верстка блока контактов с картой Верстка рейтинга в виде звезд Верстка списка с отточием Вертикальное выравнивание в блоке (Flexbox) Вертикальное выравнивание текста в блоке (child-helper) Видео c YouTube в качестве фона сайта Восстановление стилей текста после CSS reset Выборка элементов в группе по псевдоклассам CSS Выравнивание блока по центру родителя Выравнивание блоков на всю ширину (justify) Горизонтальное меню Горизонтальное меню justify Готовые CSS стили для таблиц Добавление CSS стилей на страницу Заголовок с горизонтальной линией посередине Затемнение изображения и фона с помощью CSS Знак рубля в HTML/CSS Изменение CSS-градиента в зависимости от положения курсора Изменение размеров textarea и других элементов Изменение цвета Яндекс карт Информирование о использовании Сookie Как вместить большие таблицы на страницы сайта Как вывести штрих-код на сайте Как загрузить содержимое файла в textarea Как запретить выделение текста на сайте через CSS Как ограничить ввод данных в текстовое поле Как отключить автозаполнение сохранённого логина и пароля в форме Как отключить тег br Как сделать интерактивную схему на SVG + jQuery Как сделать кривые границы блоков в CSS Как сделать несколько фонов в background Как сделать полосатую таблицу на HTML, CSS, JS, PHP Как скрыть лишний текст в блоке Колоночные шаблоны Кривое подчёркивание ссылок в Google Chrome Курсоры в CSS Ленточки и флажки для блоков на HTML/CSS Мета-тег viewport Мета-теги HTML для Apple Safari

Мета-теги для Internet Explorer и Windows Наведение курсора на ячейки, строки, колонки таблицы Наложение градиента на изображение Настройка плеера YouTube Не стандартный СSS градиент Номер телефона на сайте Одна рамка между блоками Описание мета-тегов Оформление placeholder разными стилями Перечёркивание текста по диагонали Перечёркнутый текст Печать HTML страниц Плавное изменение background Плавное увеличение фонового изображения Подключение и выполнение JavaScript на странице Подключение шрифтов в CSS Подключение шрифтов с другого домена Подчеркивание ссылок другим цветом CSS Подчеркивание текста линией с градиентом Показать/скрыть пароль Поле для ввода показаний счетчика Полупрозрачный градиент поверх картинки После отправки формы сохранить позицию скролла Прижать футер к низу окна браузера Проверка орфографии в браузере Прокрутка содержимого таблицы Псевдоклассы nth-child и nth-last-child Размеры Iframe Разметка страниц для Twitter (Twitter Cards) Рамка у отдельных ячеек таблицы Рамки блоков с градиентом Расстояние между буквами, строками, ширина табуляции в CSS СSS стили для горизонтальных линий Сборник CSS градиентов Сборник анимированных градиентов Сборник популярных веб-шрифтов Сброс стилей (CSS reset) Ссылки на мессенджеры с сайта Стандартные и безопасные шрифты CSS Стандарты HTML-документов Стили для вложенных нумерованных списков ol Стили для нумерованных списков ol Стилизация Checkbox Стилизация input file Стилизация Radio Button Стилизация кнопок CSS Стиль и размер ReCaptcha Текст в две колонки Текст в три колонки Текст с градиентом Треугольники на CSS Ускорение загрузки изображений и скриптов Ускорение загрузки Яндекс Карт Фильтр файлов по расширению у input file Фильтры Instagram на CSS Фон под текстом Цветные SVG фильтры для элементов Чекбокс в виде переключателя (switch toggle) Чекбоксы в виде кнопок Шахматное поле на CSS Эффекты анимации на CSS animation keyframes Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

DNS-сервера хостингов HTTP коды Адреса phpMyAdmin хостингов Адреса серверов POP3, IMAP и SMTP Алфавиты в массивах и строках База городов, регионов и федеральных округов РФ в MySQL Виртуальные коды клавиш (Virtual-Key Codes) Когда обновляются DNS сервера? Коды валют Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress Коды языков ISO 639-1 Коды языков ISO 639-2 Настройки почты для домена Mail. ru, Яндекс, Gmail Округа и районы Москвы в MySQL Скан-коды клавиш клавиатуры (scan codes) Спецсимволы и их мнемоники в HTML Список MIME типов

Список городов РФ Список регионов РФ Список серверов Whois Список станций Московского метрополитена в PHP-массиве и SQL Список станций Петербургского метрополитена в PHP-массиве и SQL Список стран мира с названиями на национальном языке Таблица Alt-кодов Таблица HTML цветов Таблица кодирования символов в URL Таблица символов ASCII + Windows 1251 Таблица символов KOI8-R Таблица символов эмодзи Таблица цветов RAL classic Флаги стран Часовые пояса в PHP ​Коды регионов ISO 3166-1 Alpha 2

Страница не найдена (ошибка 404)

PHP

array_unique для многомерных массивов Contenteditable – текстовый редактор CURL — если сервер отдает редирект date() – форматирование даты PHP PHP parse_url и её обратная функция PHP класс для отправки E-mail PHP класс для хлебных крошек PHP массив в файл CSV PHP паттерн Registry PHP транслит PHP функции для checked и selected PHP функция serialize, возможные проблемы PHP-класс для создания миниатюр изображений PHP-класс обертка для PDO POST-запрос через file_get_content() RSS канал на PHP RSS-файл для Яндекс Турбо-страниц WebP вместо изображений в браузерах где он поддерживается Whois, как получить данные IP-адреса и домена в PHP XML для Яндекс. Недвижимости на PHP XML-файл объявлений для Авито ZIP в PHP (ZipArchive) Автозагрузка классов Автоматическая установка временной зоны у пользователя Автоматический контраст цвета шрифта к фону на PHP Автоматическое заполнение поля «город» в форме по IP адресу Автоматическое оглавление для статьи Автоматическое сжатие и оптимизация картинок на сайте Авторизация на сайте через Facebook Авторизация на сайте через Яндекс Авторизация через GitHub Алфавитный указатель на PHP Бот Телеграм на PHP Время жизни сессии в PHP Время и память выполнения скрипта PHP Вставить баннер в центр статьи Вставка и добавление в текст регулярными выражениями Вход на сайт через Вконтакте Вход через Google Вывести массив в виде PHP кода Вывод HTML-таблицы с функцией сортировки на PHP + MySQL Вывод PHP-массива колонками Вывод даты с русскими месяцами Вывод списка по алфавиту Выпадающий список с файлами на хостинге Вычисление процентов в PHP Генерация QR-кода в PHP Генерация XML файла для Google Merchant Генерация YML файла Яндекс Маркета на PHP Генерация всех комбинаций из набора символов Генерация паролей в PHP Генерация превьюшек изображений на лету Генерация случайных буквенно-цифровых кодов в PHP Генерация счета на оплату PDF PHP Генерация токенов в PHP Дополнения к функции in_array() Дополнительные функции mb_string Загрузка изображений с превью AJAX + PHP + MySQL Загрузка файлов на сервер PHP Загрузка файлов через AJAX с помощью jQuery Form Plugin Замена кавычек на «ёлочки» в PHP Замена раскладки на PHP Замена регистра в строках PHP Замена символов по регулярному выражению Запись в лог-файл в PHP Запись и чтение файлов в PHP Заполненные PHP-массивы для дат Защита от нелегального зеркала сайта Извлечение данных с помощью регулярных выражений PHP Изображения WebP в GD PHP Интеграция с платежной системой PayKeeper в PHP Исключения PHP (Try и Catch) Использование API Геокодера в PHP для получения координат Использование API Яндекс Диска на PHP Использование циклов в PHP Как включить вывод символов эмодзи на сайте Как вывести PHP массив Как вывести метки на Яндекс. Картах из MySQL+PHP Как выделить фразы в тексте Как добавить UTM-метки в заявки с сайта Как дописать стили в атрибут style тегов HTML через PHP Как дописать текст до определенного количества символов в php Как найти новые координаты точки при повороте изображения PHP-функцией imagerotate() Как найти одинаковые файлы с разными именами в PHP Как нарисовать точку в PHP GD Как настроить Last-Modified Как получить IP посетителя в PHP Как получить все дни между датами в PHP Как получить текущий URL в PHP? Как преобразовать текст из textarea в параграфы HTML Как прочитать SSL сертификат из PHP Как сделать редирект PHP Как сформировать большой файл для маркета Как узнать, что пришел запрос через AJAX Календарь на PHP Кнопка «Показать еще» Конвертация байтов в килобайты и мегабайты Кэширование контента в файлы PHP Мануал по созданию и форматированию excel файлов в PHPExcel Массив $_FILES Массив $_SERVER Метрика API Многоуровневый select из базы данных

Нахождение расстояния между двумя точками по координатам в PHP/JS Нахождение расстояния от точки до отрезка в PHP/JS Обзор PHP расширений для чтения файлов Excel Обновление таблицы БД из XML файлов Обработка и вывод рейтинга в PHP Обработка изображений в PHP Обрезка текста для анонса Округление чисел в PHP Операции с датами и временем Unixtime в PHP Оплата заказов на сайте через Робокассу Определение местоположения посетителя по IP-адресу в PHP Определение мобильного устройства в PHP Определение основного цвета изображения в PHP Определение поисковых роботов Отдача файлов на скачивание PHP Отключить кэширование PHP Отправка sms через «SMS Aero» в PHP Отправка и прием данных 1C на PHP-сайте Отправка писем через PHPMailer Отправка писем через SMTP в PHPMailer Отправка письма с вложением Отправка сообщения с изображением в Twitter через PHP Отправка формы через PHP CURL Отслеживание окончания доменов и SSL-сертификатов Очистка данных из форм в PHP Перекодировка текста UTF-8 и WINDOWS-1251 Переносы строк и тег BR в PHP Платежи на сайте через IntellectMoney PHP Поворот изображения по двум точкам на PHP GD + jQuery UI Droppable Подгрузка контента при прокрутке (бесконечная лента) Подключение к платежной системе Сбербанка Поиск ближайших объектов в БД по координатам Поиск на сайте внешних ссылок и их анкоров Поиск похожих текстов в базе данных MySQL + PHP Поиск телефона в базе данных MySQL Поиск файлов в PHP Поле для выбора количества товаров Получение котировок PHP Получить DNS записи домена в PHP Получить GET-параметр из URL Получить фото из Instagram без API Постраничный вывод и базы данных Постраничный вывод массива Прайс-лист для Яндекс карт и справочника Преобразование CSV в XLSX на PHP Преобразование punycode в PHP Преобразование изображения в Base64 на PHP Преобразование строк в массив PHP Преобразование цветов в PHP Прием платежей на сайте через интернет-эквайринг Тинькофф Прием платежей на сайте через Юкассу Пример парсинга html-страницы на phpQuery Примеры использования cURL в PHP Примеры использования PDO MySQL Проблема PHP DOMDocument – русские буквы заменяются на мнемоники Проверка данных регулярными выражениями Публикация записей на стену сообщества VK Публикация на страницу Facebook через PHP Работа с API Instagram Работа с API Яндекс. Маркета для модели FBS в PHP Работа с FTP в PHP Работа с JSON в PHP Работа с MIME-типами в PHP Работа с Ozon Seller API в PHP Работа с директориями в PHP Работа с именами файлов в PHP Работа с массивами PHP – создание, наполнение, удаление Работа с ценами PHP Работа с числами в PHP Работа со строками в PHP Размер файлов и директорий в PHP Раскрывающийся многоуровневый список Расчёт прибыльности за одну единицу товара Расчёт средней закупочной или продажной цены Регулярные выражения для замены на теги Регулярные выражения для удаления тегов Секунды в минуты, часы, дни Склонение слов после числительных в PHP Создание товарной накладной в PHPExcel Сортировка массива по количеству символов Сортировка массивов Сохранить все изображения со страницы сайта Сохранить файл в UTF-8 без BOM Сумма прописью PHP Счетчик просмотров страниц с графиком Транслитерация по ГОСТ Удаление регулярными выражениями в PHP Управление выводом ошибок PHP Установака recaptcha v2 на сайт Установка лимитов PHP на обработку данных из форм Установка локали UTF-8 в PHP Фильтрация IP-адресов Форматирование телефонных номеров Формирование массива, содержащий все часы из интервала Формирование файла sitemap. xml Хеширование строк в PHP Чтение Google таблиц в PHP Чтение XML файла Яндекс Маркета в PHP Чтение почты через IMAP в PHP Шаблонизатор Smarty Шорткоды на регулярных выражениях Яндекс.Доставка работа с API в PHP

HTML/CSS

Clearfix – отмена действия float CSS @media для мобильных, планшетов и настольных компьютеров CSS display table CSS стили выделенного текста CSS стили для placeholder CSS фильтры CSS-стили для списков dl, dt, dd Favicon Input type number Manifest. json Open Graph Schema.org – пример разметки блога Schema.org – пример разметки статьи Select option с ссылками Select для выбора страны (PHP + MySQL) SVG спрайты Адаптивное выравнивание изображений на всю ширину браузера Адаптивные блоки YouTube Адаптивные плееры Youtube на десктопах и мобильных Блоки со стрелками (часть 1) Блоки со стрелками (часть 2) Блокировка многократной отправки формы Буквица CSS Ведущие нули у ol Верстка блока контактов с картой Верстка рейтинга в виде звезд Верстка списка с отточием Вертикальное выравнивание в блоке (Flexbox) Вертикальное выравнивание текста в блоке (child-helper) Видео c YouTube в качестве фона сайта Восстановление стилей текста после CSS reset Выборка элементов в группе по псевдоклассам CSS Выравнивание блока по центру родителя Выравнивание блоков на всю ширину (justify) Горизонтальное меню Горизонтальное меню justify Готовые CSS стили для таблиц Добавление CSS стилей на страницу Заголовок с горизонтальной линией посередине Затемнение изображения и фона с помощью CSS Знак рубля в HTML/CSS Изменение CSS-градиента в зависимости от положения курсора Изменение размеров textarea и других элементов Изменение цвета Яндекс карт Информирование о использовании Сookie Как вместить большие таблицы на страницы сайта Как вывести штрих-код на сайте Как загрузить содержимое файла в textarea Как запретить выделение текста на сайте через CSS Как ограничить ввод данных в текстовое поле Как отключить автозаполнение сохранённого логина и пароля в форме Как отключить тег br Как сделать интерактивную схему на SVG + jQuery Как сделать кривые границы блоков в CSS Как сделать несколько фонов в background Как сделать полосатую таблицу на HTML, CSS, JS, PHP Как скрыть лишний текст в блоке Колоночные шаблоны Кривое подчёркивание ссылок в Google Chrome Курсоры в CSS Ленточки и флажки для блоков на HTML/CSS Мета-тег viewport Мета-теги HTML для Apple Safari

Мета-теги для Internet Explorer и Windows Наведение курсора на ячейки, строки, колонки таблицы Наложение градиента на изображение Настройка плеера YouTube Не стандартный СSS градиент Номер телефона на сайте Одна рамка между блоками Описание мета-тегов Оформление placeholder разными стилями Перечёркивание текста по диагонали Перечёркнутый текст Печать HTML страниц Плавное изменение background Плавное увеличение фонового изображения Подключение и выполнение JavaScript на странице Подключение шрифтов в CSS Подключение шрифтов с другого домена Подчеркивание ссылок другим цветом CSS Подчеркивание текста линией с градиентом Показать/скрыть пароль Поле для ввода показаний счетчика Полупрозрачный градиент поверх картинки После отправки формы сохранить позицию скролла Прижать футер к низу окна браузера Проверка орфографии в браузере Прокрутка содержимого таблицы Псевдоклассы nth-child и nth-last-child Размеры Iframe Разметка страниц для Twitter (Twitter Cards) Рамка у отдельных ячеек таблицы Рамки блоков с градиентом Расстояние между буквами, строками, ширина табуляции в CSS СSS стили для горизонтальных линий Сборник CSS градиентов Сборник анимированных градиентов Сборник популярных веб-шрифтов Сброс стилей (CSS reset) Ссылки на мессенджеры с сайта Стандартные и безопасные шрифты CSS Стандарты HTML-документов Стили для вложенных нумерованных списков ol Стили для нумерованных списков ol Стилизация Checkbox Стилизация input file Стилизация Radio Button Стилизация кнопок CSS Стиль и размер ReCaptcha Текст в две колонки Текст в три колонки Текст с градиентом Треугольники на CSS Ускорение загрузки изображений и скриптов Ускорение загрузки Яндекс Карт Фильтр файлов по расширению у input file Фильтры Instagram на CSS Фон под текстом Цветные SVG фильтры для элементов Чекбокс в виде переключателя (switch toggle) Чекбоксы в виде кнопок Шахматное поле на CSS Эффекты анимации на CSS animation keyframes Яндекс карты не прямоугольной формы

JS/jQuery

htaccess

Bootstrap

Программы

Разное

Справочники

DNS-сервера хостингов HTTP коды Адреса phpMyAdmin хостингов Адреса серверов POP3, IMAP и SMTP Алфавиты в массивах и строках База городов, регионов и федеральных округов РФ в MySQL Виртуальные коды клавиш (Virtual-Key Codes) Когда обновляются DNS сервера? Коды валют Коды клавиш клавиатуры для JQuery событий keydown, keyup и keypress Коды языков ISO 639-1 Коды языков ISO 639-2 Настройки почты для домена Mail. ru, Яндекс, Gmail Округа и районы Москвы в MySQL Скан-коды клавиш клавиатуры (scan codes) Спецсимволы и их мнемоники в HTML Список MIME типов

Список городов РФ Список регионов РФ Список серверов Whois Список станций Московского метрополитена в PHP-массиве и SQL Список станций Петербургского метрополитена в PHP-массиве и SQL Список стран мира с названиями на национальном языке Таблица Alt-кодов Таблица HTML цветов Таблица кодирования символов в URL Таблица символов ASCII + Windows 1251 Таблица символов KOI8-R Таблица символов эмодзи Таблица цветов RAL classic Флаги стран Часовые пояса в PHP ​Коды регионов ISO 3166-1 Alpha 2

Градиентный текст в CSS.

Простая техника изготовления… | by Mateusz Hadryś

Простая техника создания привлекающих внимание веб-сайтов

Выделить веб-сайт может быть непросто.

Вот небольшая хитрость, которая улучшит любую целевую страницу или заголовок: используйте градиентный текст.

Только не злоупотребляйте им. Градиенты никогда не должны использоваться для более длинного текста. Вместо этого используйте их, чтобы сделать заголовки или конкретные слова более привлекательными.

Что может вас удивить, особенно если у вас есть опыт работы с инструментами дизайна, так это то, что вы не можете напрямую установить градиент в качестве цвета текста. Например цвет: линейный градиент (желтый, красный) не подойдет.

Но градиентный текст можно получить в CSS, для этого требуется всего несколько дополнительных шагов.

Лучше всего начать с большого текста жирным шрифтом. Это сделает градиент более заметным, а текст более читаемым.

Текст, который я буду использовать, оформлен с использованием сокращенного шрифта со следующими значениями:

 шрифт: полужирный 120px Poppins, без засечек; 

Во-первых, нам нужно добавить градиент в качестве фона.

По умолчанию градиент идет сверху вниз, но мы также можем указать направление.

Если вам нужен горизонтальный градиент, вправо подойдет, но небольшой угол, например 60deg , выглядит более естественно.

Если вы хотите узнать, как создать любой градиент, какой захотите, или просто хотите освежить в памяти знания, ознакомьтесь с моим Полным руководством по CSS-градиентам.

Полное руководство по CSS-градиентам

Градиенты возвращаются, убедитесь, что вы знаете, как их использовать

hadrysmateusz.medium.com

Теперь нам нужно сделать так, чтобы градиент показывал только то место, где находится текст. Мы можем сделать это, используя background-clip .

Вы можете узнать больше об этом и других свойствах фона в моей статье обо всех свойствах фона.

Возможно, вы уже знаете, что это свойство позволяет обрезать фон по границе, отступу или полю содержимого элемента.

Но он также может обрезать фон к тексту.

Если вы попробуете этот код, он будет выглядеть так, будто градиент просто исчез. Это потому, что градиент равен под текстом.

Чтобы показать градиент под нашим текстом, нам нужно сделать текст прозрачным. Мы можем сделать это, установив цвет : прозрачный .

У вас может возникнуть соблазн использовать здесь фоновое сокращение. Не.

К сожалению, сокращенная версия background background-clip не поддерживает ключевое слово text .

Если вам необходимо поддерживать Internet Explorer, вам нужно будет вернуться к плоскому цвету.

Оберните все, что мы написали ранее, в правило @supports . Таким образом, он будет отображаться только в современных браузерах.

Затем за пределами блока @supports установите для текста резервный цвет. Вероятно, это должен быть цвет, который появляется в вашем градиенте и хорошо сочетается с остальным дизайном.

Убедитесь, что запасной вариант предшествует фактическим стилям градиента.

ПРИМЕЧАНИЕ: Несмотря на то, что само правило @supports также не поддерживается в IE, все, что внутри, все равно будет игнорироваться, а это именно то, что нам нужно.

Спасибо за внимание. Если у вас есть какие-либо вопросы, задавайте в комментариях. Следуйте за мной для получения дополнительных советов по веб-разработке.

Щелкайте по ним, не стесняйтесь 👆

Красивые настраиваемые стили списков с использованием современного CSS

Научитесь стилизовать маркеры списков с помощью нового псевдоэлемента ::marker

Найдите свой новый любимый шрифт для программирования. С лигатурами кодирования и открытым исходным кодом.

hadrysmateusz.medium.com

Откройте для себя различные типы градиентов, доступные в Premiere Pro, и применяйте как линейные, так и радиальные градиенты к тексту и фигурам.

Руководство пользователя Отмена

Поиск

Последнее обновление: 11 августа 2022 г. 11:21:04 GMT

1. Руководство пользователя Adobe Premiere Pro
2. Бета-версии
   1. Обзор программы бета-тестирования
   2. Домашняя бета-версия Premiere Pro
3. Начало работы
   1. Начало работы с Adobe Premiere Pro
      
   2. Что нового в Premiere Pro
   3. Примечания к выпуску | Премьера Про
   4. Сочетания клавиш в Premiere Pro
   5. Специальные возможности в Premiere Pro
   6. Полная форма и руководство по эпизодическому рабочему процессу
4. Требования к оборудованию и операционной системе
   1. Рекомендации по оборудованию
      
   2. Системные требования
   3. Требования к графическому процессору и драйверу графического процессора
   4. Рендеринг с ускорением на GPU и аппаратное кодирование/декодирование
      
5. Создание проектов
   1. Начать новый проект
   2. Открытые проекты
      
   3. Перемещение и удаление проектов
   4. Работа с несколькими открытыми проектами
   5. Работа с ярлыками проекта
   6. Обратная совместимость проектов Premiere Pro
   7. Открытие и редактирование проектов Premiere Rush в Premiere Pro
   8. Передовой опыт: создание собственных шаблонов проектов
6. Рабочие пространства и рабочие процессы
   1. Рабочие пространства
      
   2. Часто задаваемые вопросы | Импорт и экспорт в Premiere Pro
      
   3. Работа с панелями
   4. Сенсорное управление Windows и управление жестами
   5. Использование Premiere Pro в конфигурации с двумя мониторами
7. Съемка и импорт
   1. Съемка
      
      1. Съемка и оцифровка отснятого материала
         
      2. Захват видео HD, DV или HDV
         
      3. Пакетный захват и повторный захват
      4. Настройка системы для захвата HD, DV или HDV
         
   2. Импорт
      1. Передача файлов
      2. Импорт неподвижных изображений
         
      3. Импорт цифрового аудио
         
   3. Импорт из Avid или Final Cut
      
      1. Импорт файлов проекта AAF из Avid Media Composer
         
      2. Импорт файлов проекта XML из Final Cut Pro 7 и Final Cut Pro X
         
   4. Поддерживаемые форматы файлов
   5. Оцифровка аналогового видео
   6. Работа с таймкодом
8. Редактирование
   1. Редактирование видео    
   2. Последовательности
      1. Создание и изменение последовательностей
      2. Изменить настройки последовательности
      3. Добавить клипы в эпизоды
      4. Переставить клипы в последовательности
         
      5. Поиск, выбор и группировка клипов в последовательности
         
      6. Редактировать из последовательностей, загруженных в исходный монитор
         
      7. Упростить последовательности
      8. Рендеринг и предварительный просмотр эпизодов
         
      9. Работа с маркерами
         
      10. Исправление источника и нацеливание на отслеживание
      11. Обнаружение редактирования сцены
   3. Видео
      1. Создание и воспроизведение клипов
         
      2. Обрезные зажимы
      3. Синхронизация аудио и видео с помощью Merge Clips
         
      4. Рендеринг и замена мультимедиа
         
      5. Отмена, история и события
         
      6. Заморозить и удерживать кадры
      7. Работа с соотношениями сторон
   4. Аудио
      1. Обзор аудио в Premiere Pro
         
      2. Микшер аудиодорожек
      3. Регулировка уровня громкости
         
      4. Редактирование, восстановление и улучшение звука с помощью панели Essential Sound
         
      5. Автоматически приглушать звук
      6. Ремикс аудио
      7. Мониторинг громкости клипа и панорамирование с помощью микшера аудиоклипов
         
      8. Балансировка звука и панорамирование
         
      9. Advanced Audio — субмиксы, понижающее микширование и маршрутизация
         
      10. Звуковые эффекты и переходы
          
      11. Работа со звуковыми переходами
          
      12. Применение эффектов к аудио
      13. Измерение звука с помощью эффекта Loudness Radar
          
      14. Запись аудио миксов
          
      15. Редактирование звука на временной шкале
      16. Сопоставление аудиоканалов в Premiere Pro
          
      17. Использование аудио Adobe Stock в Premiere Pro
   5. Расширенное редактирование
      1. Рабочий процесс многокамерного редактирования
         
      2. Настройка и использование головного дисплея для иммерсивного видео в Premiere Pro
         
      3. Редактирование VR
   6. Передовой опыт
      1. Передовой опыт: микшируйте звук быстрее
      2. Передовой опыт: эффективное редактирование
      3. Рабочий процесс монтажа художественных фильмов
9. Видеоэффекты и переходы
   1. Обзор видеоэффектов и переходов
   2. Эффекты
      1. Типы эффектов в Premiere Pro
      2. Применение и удаление эффектов
      3. Пресеты эффектов
      4. Автоматический рефрейминг видео для разных каналов социальных сетей
      5. Эффекты цветокоррекции
      6. Изменение продолжительности и скорости клипов
      7. Корректирующие слои
      8. Стабилизировать отснятый материал
   3. Переходы
      1. Применение переходов в Premiere Pro
      2. Изменение и настройка переходов
      3. Трансформация
10. Заголовки, графика и подписи    
    1. Обзор панели «Основные графические элементы»
    2. Заголовки
       1. Создать заголовок
    3. Графика
       1. Создание фигуры
       2. Рисование с помощью инструмента «Перо»
       3. Выравнивание и распределение объектов
       4. Изменение внешнего вида текста и фигур
       5. Применение градиентов
          
       6. Добавление функций адаптивного дизайна к вашей графике
          
       7. Установка и использование шаблонов анимационного дизайна
       8. Замена изображений или видео в шаблонах анимационного дизайна
          
       9. Использование шаблонов анимированной графики на основе данных
    4. Подписи
       1. Преобразование речи в текст
       2. Скачать языковые пакеты для транскрипции
       3. Работа с титрами
       4. Проверка орфографии и поиск и замена
       5. Экспорт текста
       6. Преобразование речи в текст в Premiere Pro | Часто задаваемые вопросы
    5. Передовой опыт: ускорение графических рабочих процессов
       
    6. Прекращение поддержки устаревшего титровального устройства в Premiere Pro | Часто задаваемые вопросы
       
    7. Обновление устаревших игр до исходной графики
11. Анимация и ключевые кадры
    
    1. Добавление, навигация и установка ключевых кадров
       
    2. Анимационные эффекты
       
    3. Используйте эффект движения для редактирования и анимации клипов
       
    4. Оптимизация автоматизации ключевых кадров
       
    5. Перемещение и копирование ключевых кадров
       
    6. Просмотр и настройка эффектов и ключевых кадров
       
12. Наложение
    1. Наложение, альфа-каналы и настройка непрозрачности клипа
       
    2. Маскировка и отслеживание
       
    3. Режимы наложения
13. Цветовая коррекция и цветокоррекция
    1. Обзор: рабочие процессы работы с цветом в Premiere Pro
    2. Автоцвет
    3. Проявите творческий подход к цвету с помощью Lumetri Looks
    4. Настройка цвета с использованием кривых RGB и Hue Saturation Curves
    5. Исправление и сопоставление цветов между снимками
    6. Использование дополнительных элементов управления HSL на панели Lumetri Color
    7. Создание виньеток
    8. Внешний вид и LUT
    9. Прицелы Lumetri
    10. Управление цветом дисплея
    11. HDR для вещательных компаний
        
    12. Включить поддержку DirectX HDR
14. Экспорт мультимедиа
    1. Экспорт видео
    2. Диспетчер предустановок экспорта
    3. Рабочий процесс и обзор экспорта
       
    4. Быстрый экспорт
    5. Экспорт для Интернета и мобильных устройств
       
    6. Экспорт неподвижного изображения
       
    7. Экспорт проектов для других приложений
       
    8. Экспорт файлов OMF для Pro Tools
    9. Экспорт в формат Panasonic P2
    10. Экспорт настроек
        1. Ссылка на экспорт настроек
        2. Основные настройки видео
        3. Настройки кодирования
    11. Передовой опыт: ускоренный экспорт
        
15. Совместная работа: Frame. io, Productions и групповые проекты
    1. Совместная работа в Premiere Pro
    2. Frame.io
       1. Установить и активировать Frame.io
       2. Использование Frame.io с Premiere Pro и After Effects
       3. Интеграция Adobe Workfront и Frame.io
       4. Часто задаваемые вопросы
    3. Продукция
       
       1. Использование продукции
       2. Как клипы работают в проектах в Production
       3. Передовой опыт: работа с продуктами
    4. Групповые проекты
       1. Начало работы с командными проектами
          
       2. Создать командный проект
       3. Добавление мультимедиа и управление им в Team Projects
       4. Приглашение и управление соавторами в командном проекте
       5. Делитесь изменениями и управляйте ими с соавторами
          
       6. Просмотр автосохранений и версий Team Projects
       7. Архивация, восстановление или удаление групповых проектов
          
16. Работа с другими приложениями Adobe
    1. After Effects и Photoshop
    2. Динамическая ссылка
    3. Прослушивание
    4. Прелюдия
17. Организация ресурсов и управление ими
    1. Работа в панели «Проект»
       
    2. Организация ресурсов на панели «Проект»
       
    3. Игровые активы
    4. Поиск активов
       
    5. Библиотеки Creative Cloud
    6. Настройки синхронизации в Premiere Pro
    7. Консолидация, транскодирование и архивирование проектов
    8. Управление метаданными
       
    9. Передовой опыт
       
       1. Передовой опыт: обучение на основе производства вещания
          
       2. Передовой опыт: работа с собственными форматами
18. Повышение производительности и устранение неполадок
    
    1. Настройка параметров
       
    2. Сброс и восстановление настроек
    3. Работа с прокси
       
       1. Обзор прокси
          
       2. Рабочий процесс загрузки и прокси-сервера
          
    4. Проверьте, совместима ли ваша система с Premiere Pro
    5. Premiere Pro для кремния Apple
    6. Устранение мерцания
       
    7. Переплетение и порядок полей
       
    8. Интеллектуальный рендеринг
       
    9. Опора панели управления
       
    10. Передовой опыт: работа с собственными форматами
        
    11. База знаний
        
        1. Известные проблемы
        2. Исправлены проблемы
        3. Устранение сбоев Premiere Pro
        4. Зеленое и розовое видео в Premiere Pro или Premiere Rush
           
        5. Как управлять кэшем мультимедиа в Premiere Pro?
           
        6. Исправить ошибки при рендеринге или экспорте
           
        7. Устранение неполадок, связанных с воспроизведением и производительностью в Premiere Pro
           
19. Мониторинг ресурсов и автономных носителей
    
    1. Мониторинг ресурсов
       
       1. Использование Source Monitor и Program Monitor
       2. Использование эталонного монитора
    2. Офлайн-медиа
       
       1. Работа с автономными клипами
          
       2. Создание клипов для автономного редактирования
          
       3. Перепривязка оффлайн medInstia

Придайте визуальный эффект заголовкам и тексту с помощью инструментов посимвольного градиента текста на панели «Основные графические элементы». Применяйте линейные градиенты, чтобы придать тексту или фигуре металлический или блестящий вид. Используйте линейные или радиальные градиенты с цветами (заливка, обводка и тень) для заголовков, которые действительно выделяются.

1. Выберите текст или фигуру, к которой вы хотите применить градиент.

2. В открывшемся диалоговом окне «Палитра цветов» выберите один из вариантов градиента в раскрывающемся списке в левом верхнем углу.

   • Выберите «Сплошной», чтобы залить текст любым цветом.
   • Выберите «Линейный градиент», чтобы смешать цвета по вертикали, горизонтали или под углом.
   • Выберите «Радиальный градиент», чтобы градуировать непрозрачность или цвета от центра круга.
   Применение градиента к заливке

3. Чтобы настроить цвета в градиенте:

   • Щелкните любой из цветовых маркеров под ползунком градиента, чтобы отобразить различные параметры цвета и изменить цвет.
   • Чтобы удалить точку цвета, щелкните ее и либо перетащите ее в сторону от ползунка градиента и отпустите, либо щелкните Удалить в правом нижнем углу ползунка градиента.

4. Чтобы отрегулировать непрозрачность градиента:

   • Переместите Ограничитель непрозрачности вверху ползунка градиента.
   • Затем измените прозрачность в поле Opacity %
   Настройка непрозрачности градиента

5. Чтобы отрегулировать угол и расположение градиента:

   • Угол: Введите значение в поле Угол или перетащите синий текст   , чтобы изменить угол линейного градиента.
   • Местоположение: Введите значение в поле «Местоположение» или перетащите синий текст для интерактивного взаимодействия, чтобы изменить местоположение выбранной остановки или средней точки.
     

   Когда вы настраиваете все элементы управления в градиенте, вы можете видеть изменения в тексте в режиме реального времени на программном мониторе.