Inputs

Border

  • Thickness: Set the thickness of the input box border to control the width of the border line, affecting the outline appearance of the input box.

  • Opacity: Adjust the opacity of the input box border to create different transparency effects and change the visual layering.

  • Corner radius: Set the corner radius of the input box border to determine whether the input box corners are displayed as right angles or rounded corners.

Shadow

  • Opacity: Control the opacity of the input box shadow to adjust the clarity or fading degree of the shadow, affecting the three-dimensional vision.

  • Horizontal offset: Define the horizontal offset of the input box shadow to determine its position relative to the input box in the horizontal direction.

  • Vertical offset: Set the vertical offset of the input box shadow to control its position relative to the input box in the vertical direction.

  • Blur: Adjust the blur degree of the input box shadow to change its blurring effect, making the shadow more natural or more obvious.

Suggestion: Keep input boxes simple and easy to spot. A subtle border and minimal shadow can make them look professional without being distracting.

Last updated