Обзор интернета - Lite Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Свой сайт Хостинг Облака Домены Ресурсы Формы на сайт Раскрутка

Тихановская - президент Беларуси

API ASCII CMS CSS CSS3 DDoS GIF HTML HTML5 IP IT robots.txt RSS SEO UI Whois Веб-мастеру Веб-редакторы Построитель сайтов Проверка сайта Продвижение

Анимированный загрузчик

  1. webkul.github.io/csspin - CSSPin - Коллекция загрузчиков, скачивается вместе и потом выбираем, что нужно.
  2. codepen.io/diegopardo/pen/dGlfC - fade loading - Текст идет волной, почти исчезая и вылазя в 3D.
    Русский текст работает корректно.
    Предложено 7 букв, лучше ориентировать на это количество, иначе эффект будет уже не тот.
  3. codepen.io/viduthalai1947/pen/JkhDK - Pure CSS Loaders kit - Представлен ряд оригинальных погрузчиков, рядом берем код сразу на все и ищем свое, как скульптор — удаляя лишнее. :).
logo CSS load

https://icons8.com/cssload

Английский язык

Год: 2011

адрес: международные

CSS load

Визуальный онлайн генератор всевозможных загрузчиков загрузчиков.

Как это работает

  1. Заходим и получаем шаблоны различных загрузчиков (круговые, горизонтальные, 3D, текстовые, волнообразные ...)
  2. выбираем, что нам более подходит,
  3. попадаем в простой визуальный редактор, где можно поменять цвет, размер, фон (цветной, белый, черный или прозрачный), текст,
  4. получаем код.

Single Element CSS Spinners

https://projects.lukehaas.me/css-loaders

Английский язык

Год: 2014

адрес: международные

Ряд загрузчиков на CSS3 (без картинки).
Настраивается цвет фона, загрузчика.
Затем сразу под погрузчиком берем код и пользуемся.

Гифовина

http://gifovina.ru

Русский язык

Год: 2010

адрес: Россия

Бесплатный онлайн gif-аниматор.

Позволяет создавать анимированные картинки в формате gif (так называемые гифки).
Можно сделать анимированную аватарку, баннер или даже мультик.

Как это делается?

  1. Загружаем картинки по одной нажимая на кнопку "Добавить кадр". Они будут кадрами вашей будущей анимации.
  2. Указываем размер, длительность между сменами кадров, продолжительность эффекта и т.д.
  3. Жмем «Готово» и получаем анимацию.


logo Gifprint

http://gifprint.com

Английский язык

Год: 2011

адрес: США, Атланта

Gifprint

Разбирает анимированные GIF на раздельные картинки и делает из них книжку.

logo Giphy

https://giphy.com

Английский язык

Год: 2012

адрес: Россия

Giphy

Огромный каталог анимированных GIF-файлов, по различным тематикам, их можно использовать в переписках.

spin.js

http://spin.js.org

Английский язык

Год: 2015

адрес: Германия, Гамбург

Визуальный генератор загрузчика на CSS3, без картинки.
Построен на бегунках.
Это круговые палочки. Настраиваем длину, вплоть до квадратиков или закруглим углы и до кружочков.
Настраиваем количество и скорость вращения. Прозрачность и направление движения.
Код забираем прокрутив страницу.

logo Online generator

http://onlinegenerator.net

Английский язык

Год: 2012

адрес: международные

Online generator

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

Выбираем картинку и изголяемся над ней, меняя размер, цвета, цвет фона, скорость вращения.

CSS3 Animated Loading Bar

https://leemunroe.com/css3-animated-loading-bar

Английский язык

Год: 2007

адрес: Россия

Спокойных загрузчик.
Вращающаяся полоска.
Не настраивается ничего, просто берем код и если хотим, будем править его, не визуально.

CSS3 Animated Loading Bar

SpinKit

http://tobiasahlin.com/spinkit

Английский язык

Год: 2008

адрес: Швеция

На сайте показан анимированный загрузчик, выполненный в CSS3.
Жмем стрелочку и смотрим другой и т.д.
Понравилось? Жмем Sourse и берем код.

Print Friendly and PDF





Интернет ресурсы 400 потрясающих бесплатных сервисов Измеряем скорость интернета Яндекс.Вебмастер Google вебмастеру Статистика посещаемости сайта Мониторинг сайта Защита от DDoS атак Используем Google webfonts

Генераторы
Генератор текстов Генератор CSS спрайтов Генератор иконок CSS3 генераторы CSS3 валидатор Анимированные кнопки Обложки браузеров
Редакторы
Декодер текста Транслитеры Веб-редакторы онлайн Платформа онлайн веб-программирования
Еще
Скриншоты онлайн Совместный просмотр сайтов Изобразить работу Сломать софт или файл Instacode Учимся кодировать





Подать статью
Рассылка
О нас

Почта

Графика

Шрифты
Логотипы
Брендбуки
Пиктограммы
Геральдика

Популярное

Уровень сайта
Регистрация сайта
Как сделать сайт
1 место на Google
Переводчики Онлайн
Пароль

Топ интернета

Ph4 в социальный сетях, рассылки и контакт

©2005-2020, Веб-студия Ph4 - Каталог интернета пользователю, веб-мастеру и дизайнеру v. 5.3