Awesome Svg Floating

UDesign supports svg floating elements to help you create a beautiful website.

floating-svg-1

Use Floating Svg Options

Dozens of style options are ready. If you want, you can fully-customize the look of floating Svg as well.

floating-svg-2-1

Floating Svg Offset

Controls how much different Svg shape should be transformed.

floating-svg-2-2

Floating Svg Speed

Controls how fast Svg shape should be transformed.

floating-svg-2-3

Floating Svg Size

Controls how big or small Svg shape should be.

floating-svg-3-1

Customize Floating Svg Effect

Udesign provides more detailed options so that floating svg effects can be more flexibly.

  • Rotate a Svg shape as you want.
  • Control a Svg opacity as you want.
  • Fill Color and Stroke Color option for Svg shape.

Glossary

Floating Svg Element Options

Customize Elements Globally or Individually

  • Floating SVG Offset: Control how much different SVG shape should be.
  • Floating SVG speed: Control how fast SVG shape should be transformed.
  • Floating SVG size: Control the size of SVG shape.
  • Fill Color: Choose background color of SVG shape.
  • Stroke Color: Choose border color of SVG shape.
  • Rotate: Control how much SVG shape should be rotated.
  • Opacity: Control transparency of SVG shape.
Accordion Image
Easy for sure

How to use our
Accordion Elements

UDesign Accordion Element provides multi options to make your accordion in a short time.

  • Use Section For option is to use section as accordion.
  • Accordion Type option is to select accordion type in your list.
  • Column For option is to use column as accordion content.
  • Accordion Title option for card header.