Dropbar

Position Example

At first we have shown our dropbar default and position example. Just insert this element then you change position as you need.

Default Dropbar

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Top Right

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Top Left

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Bottom Right

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Mode Example

In this part we have shown our dropbar mode example. Just insert this element then you can get it click and hover mode.

Dropbar Click

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Dropbar Hover

Width Example

Here we have shown our dropbar width example. Just insert this element then you can set dropbar width.

Width (400px)

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Width (600px)

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Animation Example

Here we have shown our dropbar animation example. Just insert this element then you can set animation.

Slide Top Small

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Slide Left Small

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Slide Right Small

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Offset Example

In this part we have shown our dropbar offset example. Just insert this element then you can change offset value as you need.

Offset (30px)
Offset (60px)

Button Style Example

In this part we have shown our dropbar button style example. Just insert this element then you can set button style.

Border Radius

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Border Dotted

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Hover Color
Box Shadow

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart.

Fixed Position

Want to see how dropbar widget works?