<svg viewbox='0 0 100 100'>
<defs>
<mask id='mask'>
<rect x='0' y='0' width='100' height='100' fill='rgba(255,255,255,0.5)' />
<circle r='50' cx='50' cy='50' fill='#000' />
</mask>
</defs>
<image xlink:href='....' x='0' y='0' width='100'height='100' />
<rect x='0' y='0' width='100' height='100' fill='white' mask='url(#mask)' />
</svg><svg viewBox="0 0 100 100">
<defs>
<filter id="noise">
<feTurbulence id="js-turbulence" type="fractalNoise" baseFrequency="30" result="noisy"></feTurbulence>
<feColorMatrix type="saturate" values="0"></feColorMatrix>
<feBlend in="SourceGraphic" in2="noisy" mode="multiply"></feBlend>
</filter>
<clipPath id="the-object">
<circle cx="50" cy="50" r="50" fill="currentColor"></circle>
</clipPath>
</defs>
<circle cx="50" cy="50" r="50" fill="#5FDDD1" filter="url(#noise)" clip-path="url(#the-object)"></circle>
</svg>Пытаюсь установить вместо курсора фотографию размером 500 на 500 пикселей и у меня не получается... нужно чтобы он менялся от секции к секции
img, делать ей position: fixed , pointer-events: none и top/left соответствующие координатам мыши. На событие "mousemove" добавить логику, которая будет выбирать и показывать картинку в зависимости от вашей секции и обновлять ее координаты.
showButton () {
switch (this.$route.name) {
case 'new-article':
return this.article.section &&
this.article.title &&
this.article.description;
case 'update-article':
return this.show &&
this.article.section &&
this.article.title &&
this.article.description;
}
}Кто нибудь из серьёзных верстальщиков делает анимацию самостоятельно, вот чтобы без плагинов писать весь код с нуля?
Вопрос : нужно ли вообще заморачиваться над серьёзным изучением анимации, джаваскрипта, или же забить и учить документацию гринсок?
Для меня важно: 1. чтобы в URL не было окончаний .html или в этом роде; 2. чтобы если я в корне сайта создам папку "portfolio", а в ней папку с названием проекта "project-name" в итоге получилось так "site.ru/portfolio/project-name"
возникло ощущение, что по сути он не отличается от обычной верстки. Ведь можно также собирать обычную верстку с помощью Gulp, Sass и шаблонизатора Nunjucks.
могу обойтись без админки... или может остаться на WordPress?
1. Анимации буквы под ней фото. Как это делается? Подозреваю что canvas используется
2. Листание мышкой (зажимаешь появляются направляющие вверх-вниз, вправо-влево).
Остальные эффекты тоже интересуют. Понятно что css3, js, canvas
Что и как тестируют ???.... простым языком.... смотрю про тестирование, мне кажется там больше заумной терминологии чем реальной работы
Или где-то какая-нибудь подлость всё же всплывёт?
на сколько сегодня актуально? Все браузеры поддерживают самые распространенные св-ва flex...
Использование автоматизации для добавления префиксов - не требуется
emmet все дописывает
disqus
Что эта за шалапань?
Как его победить?
интересуют фан-арты, иллюстрации, ui наборы, фото и др.
dribbble.com интересный вариант, каково ваше мнение о нём?
Или можно всё сделать проще?