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

групп:

каналов:

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

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

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

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

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

go.backupland.com

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

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

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

Size: a a a

FrontCoder

876 membersпожаловаться на группу
2021 May 24

AM

Andrey Meshcheryakov in FrontCoder
окей, попробую маской, спасибо.
источник
11:07пожаловаться#1

CA

Constaintine Abrams in FrontCoder
Тут и линк есть на гит где ты можешь глянуть код для обрезания фото с помощью clip-path https://www.youtube.com/watch?v=7WTUCJhTmHE&t=12s
YouTube
Create Portfolio web site. Timelapse.
On this timelapse movie you see how create simple Portfolio only with #Html #Css #Svg and #Animations https://konstantine811.github.io/portfolio_tutorial/htt...
источник
11:09пожаловаться#2

AM

Andrey Meshcheryakov in FrontCoder
Неплохая реклама.
источник
11:10пожаловаться#3

CA

Constaintine Abrams in FrontCoder
вот этот? https://github.com/konstantine811/portfolio_tutorial
GitHub
konstantine811/portfolio_tutorial
https://konstantine811.github.io/portfolio_tutorial/ Portfolio project for tutorial basic front-end - konstantine811/portfolio_tutorial
источник
11:11пожаловаться#4

CA

Constaintine Abrams in FrontCoder
а что зря старался...
источник
11:11пожаловаться#5

AM

Andrey Meshcheryakov in FrontCoder
AnimatedSticker.tgs
(4.2 Кб)
источник
11:11пожаловаться#6

AM

Andrey Meshcheryakov in FrontCoder
Спасибо.
источник
11:13пожаловаться#7

AM

Andrey Meshcheryakov in FrontCoder
А рыжий контур за счёт чего можно сделать?
источник
11:22пожаловаться#8

CA

Constaintine Abrams in FrontCoder
border
источник
11:22пожаловаться#9

CA

Constaintine Abrams in FrontCoder
а хотя нет
источник
11:23пожаловаться#10

CA

Constaintine Abrams in FrontCoder
у тебя же clip-path не как графика уже бует
источник
11:23пожаловаться#11

CA

Constaintine Abrams in FrontCoder
значит необходимо path сделать с таким же значением координат как и clip-path, затем дать ему fill=transparent и stroke="orange"
источник
11:25пожаловаться#12

CA

Constaintine Abrams in FrontCoder
тоесть будет два элемента svg  - один для образания изображения, другой такой же но оранжевой линией
источник
11:26пожаловаться#13

CA

Constaintine Abrams in FrontCoder
если у тебя есть в дизайне, ты можешь копитнуть оба пути в формате свг и вставить необходимым образом их в html. Либо можно сделать самому начиная от иллюстратора и заканчивая фигмой, адоб икс д либо любой другой прогой которая позволит тебе сделать линии с помощью кривых Безье
источник
11:28пожаловаться#14

PO

Pavel Omelchenko in FrontCoder
http://css.yoksel.ru/svg-masks/
Про CSS
SVG-маски
SVG-маски — это очень богатая тема. В SVG есть два способа обрезать один элемент с помощью другого: это clip-path и mask. Clip-path для обрезки использует только контуры фигур, с масками всё интереснее: в них учитываются и заливки, и обводки, и яркость содержимого.
источник
11:55пожаловаться#15

PO

Pavel Omelchenko in FrontCoder
Кажись более чем подробный материал по этой теме
источник
11:55пожаловаться#16

AM

Andrey Meshcheryakov in FrontCoder
AnimatedSticker.tgs
(26.96 Кб)
источник
12:04пожаловаться#17

CA

Constaintine Abrams in FrontCoder
вот еще отличный ресурс https://css-tricks.com/clipping-masking-css/
CSS-Tricks
Clipping and Masking in CSS | CSS-Tricks
Both of these things are used to hide some parts of elements and show other parts. But there are, of course, differences between the two. Differences in
источник
12:10пожаловаться#18

CA

Constaintine Abrams in FrontCoder
https://css-tricks.com/lets-create-an-image-pop-out-effect-with-svg-clip-path/
CSS-Tricks
Let’s Create an Image Pop-Out Effect With SVG Clip Path | CSS-Tricks
Few weeks ago, I stumbled upon this cool pop-out effect by Mikael Ainalem. It showcases the clip-path: path() in CSS, which just got proper support in
источник
12:10пожаловаться#19

AM

Andrey Meshcheryakov in FrontCoder
не, это немного не то.
источник
12:11пожаловаться#20