SB
*первый в смысле корень
Size: a a a
2020 August 11
AM
Подскажите кто-нибудь, почему не анимируется свг?
Вроде делаю как в примерах но эффекта никакого/ Линия отказывается рисоваться плавно, просто сразу появляется
<svg id="animateArrow" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
viewBox="0 0 1484.982 514.648">
<g data-name="Group 120" transform="translate(-9589.398 -8886.607) rotate(-1)">
<path class="path" id="Path_1385" data-name="Path 1385"
d="M9432.723,9461.468c122.079-152.1,342.145-217.108,527.279-155.76,27.265,9.037,55.993,22.618,68.114,48.657s-5.146,65.107-33.773,62.774c-17.313-1.413-30.737-17.225-34.87-34.1s-.934-34.595,2.732-51.576c16.166-74.854,50.67-157.436,123.622-180.726,60.294-19.248,128.178,11.779,167.745,61.182s55.663,113.492,64.013,176.229c10.144,62.343,5.322,144.11-58.045,175.69-29.835,14.245-70.194,7.832-89.147-19.26-43.212-67.668,43.639-178.645,117.13-179.232,26.287-1.446,51.976,6.88,77.413,13.662,110.795,29.538,299.126,93.46,385.754-13.161,32.494-39.993,42.205-85.517,43.837-120.149,1.23-26.107-2.023-53.41-15.006-76.095s-41.193-38.848-65.647-29.615c-23.226,8.769-34.2,38.457-26.422,62.033s30.535,40.114,54.776,45.47,49.7.96,73.238-6.927c9.843-3.3,31.849-15.392,41.567-24.095,32.036-28.68,42.478-74.132,35.174-106.873"
transform="translate(-0.001 -5.002)" fill="none" stroke="#000" stroke-width="2">
<animate
attributeName="d"
attributeType="XML"
from="M9432.723,9461.468c122.079-152.1,342.145-217.108,527.279-155.76,27.265"
to="M9432.723,9461.468c122.079-152.1,342.145-217.108,527.279-155.76,27.265,9.037,55.993,22.618,68.114,48.657s-5.146,65.107-33.773,62.774c-17.313-1.413-30.737-17.225-34.87-34.1s-.934-34.595,2.732-51.576c16.166-74.854,50.67-157.436,123.622-180.726,60.294-19.248,128.178,11.779,167.745,61.182s55.663,113.492,64.013,176.229c10.144,62.343,5.322,144.11-58.045,175.69-29.835,14.245-70.194,7.832-89.147-19.26-43.212-67.668,43.639-178.645,117.13-179.232,26.287-1.446,51.976,6.88,77.413,13.662,110.795,29.538,299.126,93.46,385.754-13.161,32.494-39.993,42.205-85.517,43.837-120.149,1.23-26.107-2.023-53.41-15.006-76.095s-41.193-38.848-65.647-29.615c-23.226,8.769-34.2,38.457-26.422,62.033s30.535,40.114,54.776,45.47,49.7.96,73.238-6.927c9.843-3.3,31.849-15.392,41.567-24.095,32.036-28.68,42.478-74.132,35.174-106.873"
dur="10s"
fill="freeze" />
</path>
<path id="Path_1386" data-name="Path 1386"
d="M11143.113,9110.409l9.683,5.176,11.3-23.829,22.883,13.52,5.162-9.654-31.979-17.1Z"
transform="translate(-275.183 -0.001)" fill="#0090ff"/>
</g>
</svg>Вроде делаю как в примерах но эффекта никакого/ Линия отказывается рисоваться плавно, просто сразу появляется
SB
вот с такой хернёй сразу в песочницу
AM
вот с такой хернёй сразу в песочницу
https://codepen.io/artem29383/pen/oNxjLom?__cf_chl_jschl_tk__=5b9e038ec7accbebbdb924873d0b5a7df3fd1571-1596485036-0-AUhXk2K61RinZOz04HWTHLoxZwKzHQcDBFJG1qfPlszjFKJyEKvUuOnrkLz5XAgepTTN7RYkMmEP_IT-NDpuxDh86TQ1I26m_Kd30o4iu4kaX65pkVpGTvtTxblo_MdLNmiBlwqaYGOnz1STPvr0wglrOJPJAcyLdSNuCEgwnZwHQjQ7oDNdmUFhasm2Q9sv9Glz6iLpLG176SJ57g4-zCFfMS97lJvS5dW89wgL6_dBKvL0iCfLwNrWsoLXhklznlFWuN9xs0ZBS4g2lwKkijpH1wVFBfqwN5m7nYsyQcHrGW1tMVEXoJlBFj6n7jwTPtarye4IYndX4NQcxgo-7NFLFQ1iEI3YpciKCpTwoIvd
Пытался сделать для начала вывод части картинки плавно, но чет нифига, в чем может быть ошибка?
Пытался сделать для начала вывод части картинки плавно, но чет нифига, в чем может быть ошибка?
АГ
Подскажите кто-нибудь, почему не анимируется свг?
Вроде делаю как в примерах но эффекта никакого/ Линия отказывается рисоваться плавно, просто сразу появляется
<svg id="animateArrow" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
viewBox="0 0 1484.982 514.648">
<g data-name="Group 120" transform="translate(-9589.398 -8886.607) rotate(-1)">
<path class="path" id="Path_1385" data-name="Path 1385"
d="M9432.723,9461.468c122.079-152.1,342.145-217.108,527.279-155.76,27.265,9.037,55.993,22.618,68.114,48.657s-5.146,65.107-33.773,62.774c-17.313-1.413-30.737-17.225-34.87-34.1s-.934-34.595,2.732-51.576c16.166-74.854,50.67-157.436,123.622-180.726,60.294-19.248,128.178,11.779,167.745,61.182s55.663,113.492,64.013,176.229c10.144,62.343,5.322,144.11-58.045,175.69-29.835,14.245-70.194,7.832-89.147-19.26-43.212-67.668,43.639-178.645,117.13-179.232,26.287-1.446,51.976,6.88,77.413,13.662,110.795,29.538,299.126,93.46,385.754-13.161,32.494-39.993,42.205-85.517,43.837-120.149,1.23-26.107-2.023-53.41-15.006-76.095s-41.193-38.848-65.647-29.615c-23.226,8.769-34.2,38.457-26.422,62.033s30.535,40.114,54.776,45.47,49.7.96,73.238-6.927c9.843-3.3,31.849-15.392,41.567-24.095,32.036-28.68,42.478-74.132,35.174-106.873"
transform="translate(-0.001 -5.002)" fill="none" stroke="#000" stroke-width="2">
<animate
attributeName="d"
attributeType="XML"
from="M9432.723,9461.468c122.079-152.1,342.145-217.108,527.279-155.76,27.265"
to="M9432.723,9461.468c122.079-152.1,342.145-217.108,527.279-155.76,27.265,9.037,55.993,22.618,68.114,48.657s-5.146,65.107-33.773,62.774c-17.313-1.413-30.737-17.225-34.87-34.1s-.934-34.595,2.732-51.576c16.166-74.854,50.67-157.436,123.622-180.726,60.294-19.248,128.178,11.779,167.745,61.182s55.663,113.492,64.013,176.229c10.144,62.343,5.322,144.11-58.045,175.69-29.835,14.245-70.194,7.832-89.147-19.26-43.212-67.668,43.639-178.645,117.13-179.232,26.287-1.446,51.976,6.88,77.413,13.662,110.795,29.538,299.126,93.46,385.754-13.161,32.494-39.993,42.205-85.517,43.837-120.149,1.23-26.107-2.023-53.41-15.006-76.095s-41.193-38.848-65.647-29.615c-23.226,8.769-34.2,38.457-26.422,62.033s30.535,40.114,54.776,45.47,49.7.96,73.238-6.927c9.843-3.3,31.849-15.392,41.567-24.095,32.036-28.68,42.478-74.132,35.174-106.873"
dur="10s"
fill="freeze" />
</path>
<path id="Path_1386" data-name="Path 1386"
d="M11143.113,9110.409l9.683,5.176,11.3-23.829,22.883,13.52,5.162-9.654-31.979-17.1Z"
transform="translate(-275.183 -0.001)" fill="#0090ff"/>
</g>
</svg>Вроде делаю как в примерах но эффекта никакого/ Линия отказывается рисоваться плавно, просто сразу появляется
никто не знает. мне кажется.
АГ
каждому кто начнёт помогать придётся искать готовые примеры, или читать спеку
посмотри просто как это устроено и повтори
http://hoffmann.bplaced.net/svgtest/animatemotionkeytimes01.svg
посмотри просто как это устроено и повтори
http://hoffmann.bplaced.net/svgtest/animatemotionkeytimes01.svg
[
как проинспектировать стили для dropdown items
L
пкм инспект эелемент
AC
как через wordpress добавить скрипт в head?
AC
есть готовый скрипт, его нужно просто в head добавить и сохранить
L
Andy Collione
есть готовый скрипт, его нужно просто в head добавить и сохранить
открыть header.php и воткнуть свой скрипт
AC
открыть header.php и воткнуть свой скрипт
а где его там найти? я просто никогда с wordpress дел не мел
L
Andy Collione
а где его там найти? я просто никогда с wordpress дел не мел
Ну попробуй в редакторе темы через админку
Д
Andy Collione
а где его там найти? я просто никогда с wordpress дел не мел
Посмотри что-то на ютубе
L
Andy Collione
а где его там найти? я просто никогда с wordpress дел не мел
EM
Ребят, увидел свойство в FrontEndDev телеграмме "content-visibility". Получается подгрузку изображений по мере скролла сейчас можно заменить вот таким одним свойством?
EM
content-visibility: новое свойство CSS, повышающее производительность рендеринга.
https://web.dev/content-visibility/
https://web.dev/content-visibility/
