• Text Color: Changes the color of the button text. Use this to match your button text with your website's color scheme.
• Text Shadow Color: Adds a shadow to the button text. This can make the text stand out more.
• Border Color: Sets the color of the button's border. This helps define the button's edges.
• Top Gradient Color: Sets the top color of the button's gradient. Use this to create a gradient effect that gives the button a 3D look.
• Bottom Gradient Color: Sets the bottom color of the button's gradient. Combine with the top gradient color for a smooth transition.

• Text Color: Changes the text color when the button is hovered over. This provides visual feedback to users.
• Text Shadow Color: Adds a shadow to the text when hovered. Enhances the hover effect.
• Border Color: Changes the border color on hover. This can make the button more interactive.
• Top Gradient Color: Sets the top gradient color on hover. Use this to create a dynamic effect.
• Bottom Gradient Color: Sets the bottom gradient color on hover. Complements the top gradient color for a cohesive look.

• Button Label: The text displayed on the button. Make it descriptive of the button's action.
• Padding: Controls the space inside the button around the text. Adjust for a balanced look.
• Font Size: Sets the size of the button text. Ensure it's readable and fits well within the button.
• Font Weight: Choose between bold or normal text. Bold text can make the button more prominent.
• Font Style: Select between italic or normal text. Italic can add emphasis.
• Corner Roundness: Adjusts the roundness of the button's corners. Rounded corners can make the button look softer.
• Border Thickness: Sets the thickness of the button's border. Thicker borders can make the button more defined.

• Horizontal Length: Sets the horizontal offset of the shadow. Positive values move the shadow to the right, negative to the left.
• Vertical Length: Sets the vertical offset of the shadow. Positive values move the shadow down, negative up.
• Blur Radius: Controls the blur of the shadow. Higher values create a softer shadow.
• Spread Radius: Adjusts the spread of the shadow. Positive values expand the shadow, negative values contract it.
• Shadow Color: Sets the color of the shadow. Use a color that complements the button.
• Opacity: Controls the transparency of the shadow. Lower values make the shadow more transparent.
• Highlights: Choose between inset or outline shadows. Inset shadows appear inside the button, outline shadows outside.

Button

.button { /* Your CSS here */ }

• Form Title: The title of the form. Make it clear and descriptive to inform users about the form's purpose.
• Corner Roundness: Adjusts the roundness of the form container's corners. Rounded corners can make the form look more inviting and modern.
• Border Thickness: Sets the thickness of the form container's border. Thicker borders can make the form more defined and prominent.
• Highlights & Shadows: Add highlights and shadows to the form container to give it depth and a 3D effect.

• Field Titles: The labels for each form field. Ensure they are clear and descriptive to guide users on what information to enter.
• Corner Roundness: Adjusts the roundness of the form fields' corners. Rounded corners can make the fields look softer and more user-friendly.
• Border Thickness: Sets the thickness of the form fields' borders. Thicker borders can make the fields more defined and easier to distinguish.
• Highlights & Shadows: Add highlights and shadows to the form fields to give them depth and a more polished look.

• Button Label: The text displayed on the form button. Make it descriptive of the button's action, such as "Submit" or "Sign Up".
• Corner Roundness: Adjusts the roundness of the button's corners. Rounded corners can make the button look softer and more inviting.
• Border Thickness: Sets the thickness of the button's border. Thicker borders can make the button more defined and prominent.
• Highlights: Add highlights to the button to give it depth and a 3D effect.

• Text Color: Changes the color of the button text. Use this to match your button text with your website's color scheme.
• Text Shadow: Adds a shadow to the button text. This can make the text stand out more and add depth.
• Border Color: Sets the color of the button's border. This helps define the button's edges and make it more prominent.
• Top Gradient Color: Sets the top color of the button's gradient. Use this to create a gradient effect that gives the button a 3D look.
• Bottom Gradient Color: Sets the bottom color of the button's gradient. Combine with the top gradient color for a smooth transition and cohesive look.

• Top Gradient Color: Sets the top color of the container's gradient. Use this to create a gradient effect that gives the container a 3D look.
• Bottom Gradient Color: Sets the bottom color of the container's gradient. Combine with the top gradient color for a smooth transition and cohesive look.
• Border Color: Sets the color of the container's border. This helps define the container's edges and make it more prominent.
• Label Text Color: Changes the color of the field labels. Use this to match your labels with your website's color scheme.
• Label Text Shadow Color: Adds a shadow to the field labels. This can make the labels stand out more and add depth.
• Normal Input Text Color: Changes the color of the input text in its normal state. Ensure it's readable and contrasts well with the background.
• Selected Input Text Color: Changes the color of the input text when selected. Provides visual feedback to users and enhances usability.
• Normal State Color: Sets the background color of the input fields in their normal state. Ensure it contrasts well with the text color for readability.
• Selected State Color: Sets the background color of the input fields when selected. Provides visual feedback to users and enhances usability.
• Border Color: Sets the color of the input fields' borders. This helps define the fields' edges and make them more prominent.

            
Sign up
            
Name
            

            
Email
            

            

            
            
            

.form-container { /* Your CSS here */ }

• Top Gradient Color: Sets the top color of the alert box's gradient. Use this to create a gradient effect that gives the alert box a 3D look.
• Bottom Gradient Color: Sets the bottom color of the alert box's gradient. Combine with the top gradient color for a smooth transition and cohesive look.
• Border Thickness: Sets the thickness of the alert box's border. Thicker borders can make the alert box more defined and prominent.
• Border Color: Sets the color of the alert box's border. This helps define the alert box's edges and make it more noticeable.

• Alert Title: The title of the alert. Make it clear and descriptive to inform users about the alert's purpose.
• Font Size: Sets the size of the alert title text. Ensure it's readable and stands out.
• Margin: Controls the space around the alert title. Adjust for a balanced look.
• Padding Bottom: Sets the space below the alert title. Adjust to ensure the title is well-spaced from the alert message.
• Padding Top: Sets the space above the alert title. Adjust to ensure the title is well-spaced from the top of the alert box.
• Font Color: Changes the color of the alert title text. Use this to match your alert title with your website's color scheme.

• Font Size: Sets the size of the alert message text. Ensure it's readable and fits well within the alert box.
• Padding: Controls the space inside the alert message box around the text. Adjust for a balanced look.
• Padding Top: Sets the space above the alert message. Adjust to ensure the message is well-spaced from the alert title.
• Margin Bottom: Sets the space below the alert message. Adjust to ensure the message is well-spaced from the bottom of the alert box.
• Padding Left: Sets the space to the left of the alert message. Adjust to ensure the message is well-spaced from the left edge of the alert box.
• Font Color: Changes the color of the alert message text. Use this to match your alert message with your website's color scheme.

Alert Title
x
Here goes alert details..

.my-notification { /* Your CSS here */ }