OS
Не совсем. Вот есть у тебя лепесток. Сделай внутри него див который абсолютно позиционирован и имеет например width 100% height 90% и стили которые его будут разукрашивать перенеси из лепестка в стили этого нового дива.
Size: a a a
2020 August 05
OS
Тем самым у тебя первый див будет делать поворот, а тот который внутри уже будет иметь визуальное оформление и будет твоим лепестком
DS
Всем привет
У кого-либо есть идея как сделать это используя css, не добавляя при этом extra html?
У кого-либо есть идея как сделать это используя css, не добавляя при этом extra html?
DS
Я думал сделать что-то типо тенью, но если у кнопки будет прозрачный bg, то тень будет видно на фоне
DS
Сейчас вот думаю сделать через after + before, аля два прямоугольника снизу и справа, с border-radius нужным
Но чет как-то костыльно это)
Но чет как-то костыльно это)
AP
Сейчас вот думаю сделать через after + before, аля два прямоугольника снизу и справа, с border-radius нужным
Но чет как-то костыльно это)
Но чет как-то костыльно это)
а почему недостаточно одного прямоугольника, который копирует форму кнопки?
DS
а почему недостаточно одного прямоугольника, который копирует форму кнопки?
Ну, во-первых, after/before нельзя разместить под кнопкой, если html имеет вид
<button> content </button>
А во-вторых, если кнопка будет прозрачной (как здесь), то прямоугольник внизу будет видно
<button> content </button>
А во-вторых, если кнопка будет прозрачной (как здесь), то прямоугольник внизу будет видно
AP
Сейчас вот думаю сделать через after + before, аля два прямоугольника снизу и справа, с border-radius нужным
Но чет как-то костыльно это)
Но чет как-то костыльно это)
тогда только так
DS
тогда только так
Та вот да
Думал может можно как-то там красиво на тенях, либо еще что-то экзотическое – благо поддержка браузеров позволяет
Думал может можно как-то там красиво на тенях, либо еще что-то экзотическое – благо поддержка браузеров позволяет
AP
мне кажется, если кнопка должна быть полностью прозрачной, то вариантов особо нет
OS
Ну, во-первых, after/before нельзя разместить под кнопкой, если html имеет вид
<button> content </button>
А во-вторых, если кнопка будет прозрачной (как здесь), то прямоугольник внизу будет видно
<button> content </button>
А во-вторых, если кнопка будет прозрачной (как здесь), то прямоугольник внизу будет видно
Див может быть по идее валидной кнопкой если ему указать role=button
DS
Див может быть по идее валидной кнопкой если ему указать role=button
Нуу, может и да
Только что толку)
Мне важно сохранить структуру <div> content </div>
Только что толку)
Мне важно сохранить структуру <div> content </div>
OS
А псевдо элементы с кнопками такое себе. Время тратить не думаю что стоит.
AP
с другой стороны, если кнопка будет на светлом фоне, ей нужно будет поменять цвет, тогда почему нельзя указать в кастомном свойстве цвет фона
DS
А псевдо элементы с кнопками такое себе. Время тратить не думаю что стоит.
Ну че, вот я before уже наваял
AP
Див может быть по идее валидной кнопкой если ему указать role=button
и ещё тонна свойств и джса
OS
Нуу, может и да
Только что толку)
Мне важно сохранить структуру <div> content </div>
Только что толку)
Мне важно сохранить структуру <div> content </div>
:after со стилями кнопки и смешением
DS
Щас еще after добавлю и пушка будет
DS
:after со стилями кнопки и смешением
У меня будет button со стилем кнопки
И нижние «тени» как after+before
И нижние «тени» как after+before
OS
мне кажется, если кнопка должна быть полностью прозрачной, то вариантов особо нет
Если прозрачной нижний элемент просветит, так что она должна быть цветом фона