https://codepen.io/hesrun/pen/PoOvXgp - вот накидал пример.
Есть и другие решения, через отрицательный маржин, и уменьшить размер можно через высоту и ширину.
Но хочу сделать именно через трансформации... Это чисто спортивный вопрос, может кто-то знает, как можно заставить работать трансформации в стилях и которые в кейфреймах.
Кнопка inline-flex, мне так проще ровнять элементы в ней.
Лодер именно через абсолют, т.к. он идет по верх текста а текст скрываю цветом.
Ankhena, https://codepen.io/hesrun/pen/rNOoLzm - накидал в песочницу с градиентом, не получается...
Мне нужно чтоб до половины это был красный, и после вторая половина была уже зеленой.
Если делать градиентом, он половинит цвет и любом размере самой прогресс полоски.
Фикс размер не подходит, это должна быть резиновая штука.
Ankhena, да, но если у него ширина будет 50%, то разделение цвета будет в левой половине. А нужно чтоб до 50 была красная часть, а после 50 началась зелёная.
Если вам нужен адаптив, то без вьюпорта никуда.
А скролл неприятный появился, потому что вы сделали ширину формы больше чем ширину в запросе.
Вы совсем новичек?
Если да то вам с этим нужно разобраться. В двух словах тут не расскажешь принцип.
Блин, делал как-то верстку на мобильном фреймворке и как в докладе горизонтальную карусель, тоже прописывал плавный скролл, и так же пропадали блоки.
Дня два пытался найти решение бага, транслате z, не помогал, а про другие решения фиксы даже нагуглить не удалось...
Причем грешил я даже не на скролл...
Почти год прошел и вот так случайно наткнулся на решения этого бага...
Dmz_wow, а может поспорим? Пример
дело, не в том есть ли у вас текст в блоках, инлайн-блоки, это элементы гибрид блока и инлайнового.
Поведение в потоке документа у него как у любого инлайнового элемента, и по этому он сохраняет за собой пробелы, в отличии от блочного элемента.
Переход на новую строку в хтмл разметки и есть один пробел. Если ваши инлайн-блоки поставить друг за другом, то пробелы исчезнут и обнулять фонтсайз не нужно...
Если юзаете инлайн блоки, родителю обнуляйте шрифт, а потом в каждом инлайн блоке прописывайте нужны фонтсайз.
Все разваливается из-за пробелами между инлайн- блоков. Или в хтмл, удаляйте пробелы, но разметка тогда будет не читаема.