Телеграмм чат группы css

#инструмент дня

Постоянно всплывает в профильных чатах, решил, что надо сохранить.

Речь идёт о генераторе разделителей блоков на SVG. Дизайнеры такую чушь любят: от волн до спиралей и прочих кривых. А вот отрисовывать их в контурах — нет. Тыжпрограммист, ты сможешь.

Итак, встречайте: https://getwaves.io/

Есть даже плагин для Figma.

Ну и вдогонку пара похожих:
https://smooth.ie/blogs/news/svg-wavey-transitions-between-sections
https://yoksel.github.io/wave-maker/

И чтобы добить набор, немного генераторов фонов в виде волн всё на том же SVG:
https://loading.io/background/m-wave
https://www.uplabs.com/posts/svg-gradient-wave-generator

getwaves.io

Get Waves – Create SVG waves for your next design

A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!

источник

00:17пожаловаться #4

V

Vlad in CSS — русскоговорящее сообщество

🙏 спасибо. А без SVG точно нельзя обойтись?😅

источник

00:19пожаловаться #5

RR

Roman Resh in CSS — русскоговорящее сообщество

Сохрани картинки и фигач в бг

источник

00:19пожаловаться #6

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество

Ну можно свг в псевдоэлементы фоном в бейз64

источник

00:22пожаловаться #7

М

Максим in CSS — русскоговорящее сообщество

Vlad

🙏 спасибо. А без SVG точно нельзя обойтись?😅

clip попробуй

clip-path, если быть точнее

источник

00:28пожаловаться #8

V

Vlad in CSS — русскоговорящее сообщество

Всем спасибо за помощь ❤️

источник

00:34пожаловаться #9

NM

Neo Makela in CSS — русскоговорящее сообщество

Kenan Ayvazov

Intersection Observer

Откуда ты такой вумный

источник

01:42пожаловаться #10

E

Elizaveta in CSS — русскоговорящее сообщество

Привет ребята. У меня может быть странный вопрос, но я новичок) учусь верстать, использую codepen. Куда лучше загружать фотки, чтобы они не исчезали потом с проектов?) у гугла драйв и Яндекса динамичные ссылки, вк тоже)

источник

03:13пожаловаться #11

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество

Vlad

Первый Блок можно реализовать с помощью border-radius

источник

03:14пожаловаться #12

С🥔

Скрудж 🥔 in CSS — русскоговорящее сообщество

Elizaveta

Привет ребята. У меня может быть странный вопрос, но я новичок) учусь верстать, использую codepen. Куда лучше загружать фотки, чтобы они не исчезали потом с проектов?) у гугла драйв и Яндекса динамичные ссылки, вк тоже)

Не динамичные. У ВК точно. После загрузки в свой альбом посмотри ссылку, она статик

Но у ВК жепеги

Нужно грузить в открытые документы

источник

03:44пожаловаться #13

E

Elizaveta in CSS — русскоговорящее сообщество

Скрудж 🥔

Не динамичные. У ВК точно. После загрузки в свой альбом посмотри ссылку, она статик

Но у ВК жепеги

Нужно грузить в открытые документы

Спасибо большое, попробую!

источник

03:51пожаловаться #14

OO

Oleg Otkidach in CSS — русскоговорящее сообщество

Не бывает такого селектора, чтоб нашёл родителя по ребёнку?

источник

08:28пожаловаться #15

OO

Oleg Otkidach in CSS — русскоговорящее сообщество

Типа найти все div, у к-рых дочерний элемент span.className

источник

08:31пожаловаться #16

ПЯ

Просто Ярик... in CSS — русскоговорящее сообщество

Elizaveta

Привет ребята. У меня может быть странный вопрос, но я новичок) учусь верстать, использую codepen. Куда лучше загружать фотки, чтобы они не исчезали потом с проектов?) у гугла драйв и Яндекса динамичные ссылки, вк тоже)

Онлайн-галереи есть(imgur.com)

источник

08:49пожаловаться #17

D

Denisio in CSS — русскоговорящее сообщество

Oleg Otkidach

Не бывает такого селектора, чтоб нашёл родителя по ребёнку?

не? https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector

Stack Overflow

Is there a CSS parent selector?

How do I select the element that is a direct parent of the anchor element?

As an example, my CSS would be something like this:

li < a.active {
property: value;
}
Obviously ther...