skip to Main Content

How to create this shape with CSS?

How can I create this with CSS? This is what I have so far: div { -webkit-clip-path: polygon(0 79%, 60% 78%, 78% 100%, 0 100%); clip-path: polygon(0 79%, 60% 78%, 78% 100%, 0 100%); background:red; height:300px; width:500px; border-radius: 25x; }

VIEW QUESTION

In Flutter, how can I create a shape like this XML shape I created in android java app

I created an android app in java and I had this xml shape in it: <?xml version="1.0" encoding="UTF-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <corners android:radius="20dp"/> <padding android:left="10dp" android:right="10dp" android:top="10dp" android:bottom="10dp"/> <stroke android:width="1dp" android:color="@color/DodgerBlue"/> <solid android:color="@color/White" /> Now I am creating a flutter…

VIEW QUESTION
Back To Top
Search