В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

HTML/CSS — русскоговорящее сообщество

3686 membersпожаловаться на группу
2020 October 26

С

Санжар in HTML/CSS — русскоговорящее сообщество
Tgl Pl
Добрый день. Пытаюсь сделать такой лоадер прикольный, когда в сетке из квадратов 3х3 квадраты специфично двигаются, сливаясь в один, я пытался сам сделать, но вышла какая-то дичь, кто-нибудь может подкинуть пару идей ?
https://codepen.io/17ttt/pen/BazWjvK?editors=0100
CodePen
Squares Matrix Loader
...
А это твой вариант?
источник
15:20пожаловаться#1

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Я кодпен прикрутил к первому сообщению
источник
15:20пожаловаться#2

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
То ли не хватает задержки в начале каждого цикла keyframe анимации то ли че
источник
15:23пожаловаться#3

С

Санжар in HTML/CSS — русскоговорящее сообщество
Каждый квадрат в центр слить нужно?
источник
15:23пожаловаться#4

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Да нет, я просто хотел эмитировать рандомные смещения квадратов, чтобы это адекватно выглядело
источник
15:23пожаловаться#5

С

Санжар in HTML/CSS — русскоговорящее сообщество
Попробуй делей задать перед каждой анимации
источник
15:24пожаловаться#6

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
так это придется еще 4 keyframe'а писать
источник
15:24пожаловаться#7

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
потому что я не знаю как иначе сделать задержку в начале каждого запуска кейфрейма
источник
15:24пожаловаться#8

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
А задержка в начале первого запуска тут особо-то и не поможет
источник
15:25пожаловаться#9

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Хм, ладно я додумался как можно сделать небольшую паузу с каждой стороны анимации, вышло лучше, но все же не идеально, да и как-то это не очень в плане реализации выглядит, я предполагал, что есть более рациональные варианты реализации подобной идеи
источник
15:30пожаловаться#10

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Tgl Pl
Хм, ладно я додумался как можно сделать небольшую паузу с каждой стороны анимации, вышло лучше, но все же не идеально, да и как-то это не очень в плане реализации выглядит, я предполагал, что есть более рациональные варианты реализации подобной идеи
https://tobiasahlin.com/spinkit/

тут возьми готовый)
Tobiasahlin
SpinKit
Simple CSS Spinners
источник
15:40пожаловаться#11

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
https://loading.io/spinner/
loading.io
SVG + GIF + PNG Animations for Spinner,Icon,Text and More · Loading.io
customize and build your own ajax loading icons, animated text and more with SVG / CSS / GIF / PNG
источник
15:41пожаловаться#12

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Там нет такого как я хочу :(
Да и довольно интересно самому написать что-то такое прикольненькое
источник
15:41пожаловаться#13

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Ну правда... Сделал я какую-то дичь все-таки
источник
15:41пожаловаться#14

Р

Рома in HTML/CSS — русскоговорящее сообщество
Tgl Pl
Ну правда... Сделал я какую-то дичь все-таки
если это прелоадер, был норм, без добавления вращения
источник
15:43пожаловаться#15

Р

Рома in HTML/CSS — русскоговорящее сообщество
его в теории видно будет менее 5 сек, всю анимацию не увидят даже
источник
15:43пожаловаться#16

TP

Tgl Pl in HTML/CSS — русскоговорящее сообщество
Справедливо
источник
15:44пожаловаться#17

M

Mishka in HTML/CSS — русскоговорящее сообщество
Всем привет!
А есть у кого под рукой html ecnoder который бы энкодил только символы, но не буквы
А то весь мой немецкий текст превращается в набор &uuml и &Uuml, а мне бы только кавычки да скобочки заменить
источник
15:46пожаловаться#18

АА

Андрей Андрей... in HTML/CSS — русскоговорящее сообщество
Mishka
Всем привет!
А есть у кого под рукой html ecnoder который бы энкодил только символы, но не буквы
А то весь мой немецкий текст превращается в набор &uuml и &Uuml, а мне бы только кавычки да скобочки заменить
++ кстати да кто-кто может подсказать :)
источник
16:54пожаловаться#19

M

MMM in HTML/CSS — русскоговорящее сообщество
Снимок экрана (5).png
(654.27 Кб)
источник
17:04пожаловаться#20