Answers for "gradient border svg rectangle with rounded"

CSS
1

border radius rect svg

<svg viewBox="0 0 220 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Simple rectangle -->
  <rect width="100" height="100" />

  <!-- Rounded corner rectangle -->
  <rect x="120" width="100" height="100" rx="15" />
</svg>
Posted by: Guest on August-02-2021
2

rounded gradient border css

div{
  width: 300px;
  height: 80px;
  border: double 5px transparent;
  border-radius: 30px;
  background-image: linear-gradient(white, white),         /*here must be*/
                    linear-gradient(to right, green, gold);    /*both gradients*/
  background-origin: border-box;
  background-clip: content-box, border-box;
}
Posted by: Guest on October-05-2020

Code answers related to "gradient border svg rectangle with rounded"

Browse Popular Code Answers by Language