Code

Web Pack V1.2 - New Components Added

Web Pack V1.2 - New Components Added

Web Pack V1.2 - New Components Added - CodeCanyon Item for Sale

Web Pack V1.2

Alerts, Badges, Buttons and Links - 1

Lists

Alerts, Badges, Buttons and Links - 2 Alerts, Badges, Buttons and Links - 3 Alerts, Badges, Buttons and Links - 4 Alerts, Badges, Buttons and Links - 5 Alerts, Badges, Buttons and Links - 6 Alerts, Badges, Buttons and Links - 7

Fieldsets

Alerts, Badges, Buttons and Links - 8 Alerts, Badges, Buttons and Links - 9 Alerts, Badges, Buttons and Links - 10 Alerts, Badges, Buttons and Links - 11 Alerts, Badges, Buttons and Links - 12

Web Pack V1.1 ( Previous Package )

Components

  • Alerts
  • Badges
  • Buttons
  • Links

Icons

Animations

All Components Have These Features

  • 13 Pieces
  • Outline With Hover
  • Gradient Background Color
  • Can Be Used As Link
  • Can Be Used With Icons
  • Width Can Be Changed
  • Disabled
  • Many Animations

You Can Create Components That Have These Features

  • 144 Different Background Colors
  • 144 Different Text Colors
  • 144 Different Border Colors
  • You Can Assign Shadow & Shadow Hover & Shadow Hover Reverse
  • You Can Change Width With Defined Classes
  • You Can Change Margin & Padding With Defined Classes
  • You Can Change Font-Size & Font-Weight With Defined Classes
  • You Can Change Alignment Of Components With Defined Classes
  • You Can Assign Border-Size & Border-Style & Border-Side With Defined Classes
  • You Can Assign Border-Radius & Round-Side With Defined Classes
  • You Can Change Display Attributes (such as flex,block,inline) With Defined Classes
  • You Can Assign As Disabled With Defined Classes
  • You Can Assign Many Animations

PreDefined Classes

I’ve written step by step how to use the following classes in index.html

For More Information, You Can View index.html

  • Box-Shadow (Default Shadow – Shadow When Hovered – Shadow Disable When Hovered)
  • Width (Such As 5% – 10% – 15% – 20% etc)
  • Margin & Padding (Margin & Padding With Left-Right-Top-Bottom-X-Y And Size)
  • Font (You Can Change Font Size And Font Weight)
  • Alignment (Horizontal & Vertical)
  • Color Palette (You Can View All Color Names,With Background,Text And Border)
  • BORDER (Border Sizes-Styles And Colors)
  • Border Radius (Round Sizes And Round Sides)
  • Display (All Display Attributes)
  • Disabled (Cursor And Opacity Will Be Change) (With data-disabled=”all” Removes All Events)
  • Grid (I Divided The Whole Width Into 12 Pieces)
  • Animations (You Can Use Animate.css & Many Custom Animations)

You Can Create Components That Have These Features

  • 144 Different Background Colors
  • 144 Different Text Colors
  • 144 Different Border Colors
  • You Can Assign Shadow & Shadow Hover & Shadow Hover Reverse
  • You Can Change Width With Defined Classes
  • You Can Change Margin & Padding With Defined Classes
  • You Can Change Font-Size & Font-Weight With Defined Classes
  • You Can Change Alignment Of Components With Defined Classes
  • You Can Assign Border-Size & Border-Style & Border-Side With Defined Classes
  • You Can Assign Border-Radius & Round-Side With Defined Classes
  • You Can Change Display Attributes (such as flex,block,inline) With Defined Classes
  • You Can Assign As Disabled With Defined Classes
  • You Can Assign Many Animations

Updates

  • I wrote history of packages in this link.

Contact

kyn.raniyo@gmail.com

chnkyn021@gmail.com

by
by
by
by
by
by