169 похожих чатов

Привет, как можно сделать такую горизонтальную каплю? Есть div шириной

допустим 200 пикселей и в высоту 16 пикселей. Как обрезать этот див так? Пробовал clip path, но он не подходит как я понял. Если использовать clip path: path(), то браузер Opera не поддерживает такое свойство да и сам path только рассчитан на вбитый размер в пикселях. Заранее очень благодарен буду за какие-нибудь подсказки.

5 ответов

10 просмотров

Svg

svg

Алексей- Автор вопроса
Vyacheslav Ananev
svg

Я о svg в первую очередь подумал, но есть проблемка, у меня с этой "прекрасной" каплей будет range slider и как мне красить область между двумя точками, если это svg?) Поэтому я и хотел как-то обрезать div через clip path, т.к такую область было бы легче закрасить

Алексей
screenshot Я о svg в первую очередь подумал, но есть проблемк...

можно сделать что-то похожее при помощи border-radius https://9elements.github.io/fancy-border-radius/full-control.html#58.81.46.81-50.90.48.91-30.329 но я бы сделал это при помощи clip-path. о проблеме с оперой которую ты упомянул я впервые слышу поэтому возможно что ты просто неправильно что-то сделал

Алексей
screenshot Я о svg в первую очередь подумал, но есть проблемк...

Градиент бэкграунд, или элемент и ему координаты нужные задавать, можешь вообще через canvas сделать

Похожие вопросы

Обсуждают сегодня

Есть какой-нибудь для Delphi/FPC T*Compression(Decompression)Stream на базе LZ4/Zstd/любой другой быстрый(и хорошо сжимающий) алгоритм А ещё лучше в pure pascal А ещё лучше од...
notme
48
Такой вопросец - есть функция function MySuperDuperConcat(const a: array of AnsiString): AnsiString; Как мне в её теле сделать вот так? Result:=Concat(a); А не грустный вариан...
notme
15
type TObj = object procedure Init; virtual; end; TObj1 = object(TObj) procedure Init; override; end; procedure TObj1.Init; begin inherited; end; procedur...
Alexander 👋
29
А чем вам питонисты не угодили?😂
.
79
Всем привет. Поделитесь, пожалуйста, опытом. Есть форма, на которой имеется dbgrid и кнопки: добавить, редактировать, удалить. Если нет записей в dbgrid, то кнопки редактирова...
Евгений
4
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
86
Вот смотрите у меня есть два стрима сейчас fs, cs: TStream; fs := TFileStream.Create('filename'); cs := TCompressionStream.Create(compression_level, fs); Я хочу сделать так: ...
notme
5
type TExtensions<GExtender>=class function GetExtension<GEntityExtenderType>:GEntityExtenderType; end; function TExtensions<GExtender>.GetExtension<GEntityExtenderType...
zamtmn
8
Всем здравствуйте! Я хотел узнать сколько стоит средняя месячная зарплата у Electron js разработчиков? Мне очень это важно и нужно, плиз помогите узнать эту инфу! Для Джунио...
U.K.
10
Можно ли загрузить скрипт py в бота чтобы он работал по нему? как это сделать?
huskadam #RCC Фанат? @hitlerpvp
13
Карта сайта