Как создать закругленную трехмерную кнопку (с видимой правой и нижней сторонами) с помощью Tailwind CSS?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как создать закругленную трехмерную кнопку (с видимой правой и нижней сторонами) с помощью Tailwind CSS?

Сообщение Anonymous »

Я пытаюсь создать адаптивную закругленную 3D-кнопку, у которой правая и нижняя стороны будут отображаться с помощью Tailwind CSS, но она выглядит неправильно. Правая и нижняя стороны не совпадают с белой частью кнопки. Я поделился кодом ниже. Как я могу это исправить? Или есть лучший способ добиться этого эффекта? Заранее спасибо!
Это мой код (также доступен на игровой площадке Tailwind):

Код: Выделить всё



Press me!


Вот как кнопка выглядит в состоянии покоя:
Изображение

А вот как это выглядит при нажатии:
Изображение


Подробнее здесь: https://stackoverflow.com/questions/789 ... sible-usin
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»