@CbIPoK2513 конечно проще, всё видно и на словах тяжелее, слова могут быть поняты по разному, опять же уточнения, ответы, уточнения Зачем? :))) И пользы больше и поможет не одному тебе в итоге.
Изначально красный круг скрыт маской, роль которой выполняет прямоугольник, полностью перекрывая круг.
При движении маски вверх постепенно показывается освободившаяся часть круга, создавая иллюзию рисования.
.container{
width:50%;
height:50%;
}
#crc1{
fill:none;
stroke:red;
stroke-...
@Alexandr_TT, спасибо за ответ) Про слой-маску, использовать какое-нибудь растровое или векторное изображение для маски самого эффекта, чтобы тёмный элемент маски был прозрачным. https://jsfiddle.net/xqpb7dfc/
@CbIPoK2513 так задай новый вопрос со своими картинками, кодом, чтобы я предметно ответил и у тебя будет потом минимальная адаптация ответа к своим потребностям
@ВарламЕрофеич А почему вы не сохраняет отдельными постами на codepen, как отдельные этапы. Плавные переходы от одной картинке к другой наверное не сложно сделать, - одна картинка затухает, другая проявляется. На чем лучше умеете, на том и делайте.
@ВарламЕрофеич понятно, а чего козыряете англицкими словечками, вы же их не любите :)) Возможно, всё возможно сделать, через анимацию "d" плюс анимация масок, но попотеть придётся изрядно
@ВарламЕрофеич PS в CSS нет криволинейных путей, так что только через SVG
@Alexandr_TT, - Ладушки... (хотя интересней самому)))
@Alexandr_TT, Я чё ещё спросить-то хотел; на днях раскидал по запчастям вот эти штуковины, чтобы ява-скрипт позаимствовать частично, да ещё кое-что, а вот корректно ли это будет по отношению к авторам сих поделок?
@ВарламЕрофеич я не знаю, обычно лицензия разрешает копировать полностью код, без частичного заимствования и редактирования, с обязательным указанием индексируемой ссылки на первоисточник
@Alexandr_TT, - Мда... Дело тёмное. В лицензиях я не понимаю... Буду изменять тогда. (до неузнаваемости) - Авось пройдёт. Просто я в скрипте пока не очень силён. Учусь на чужих шаблонах. Так легче познаётся... )))
@Alexandr_TT, у меня вопрос, есть разметка <svg><path> как сделать фон самого svg чёрным, чтобы у вас он был как маской? Или не обязательно это делать?
@CbIPoK2513 в вектором редакторе бери стандартные фигуры: звёздочки, прямоугольники и сохраняй каждую в отдельный файл. У патча два параметра - stroke это линия, делай stroke="black" а fill="none" - заполнение цветом
@CbIPoK2513 нормально-ужасный код после векторного редактора :) Оптимизируй пропустив через petercollingridge.appspot.com/svg-editor интерфейс понятен, значало загрузи код чекбоксами выбери настройкт, количество знаков после запятой и т.д
Ничего не понял, но что-то сделал :D https://jsfiddle.net/CbIPoK2513/Lcz5nrua/12/ Теперь два вопроса: 1. как изначально задать цвет, допустим чтобы был розовый. 2. как изменять высоту, не анимацией, а задавая "внешне (скриптом)" процент