HTML Form Generator

HTML Form Generator Pro

Create responsive web forms instantly with our free online form builder

Form Elements

Form Preview

Border Radius Generator

Create perfect CSS rounded corners with real-time preview

All Corners

0px 200px

px

Top Left

px

Top Right

px

Bottom Right

px

Bottom Left

px

Top Left

px

Top Right

px

Bottom Right

px

Bottom Left

px

Live Preview

Radius Presets

CSS Code

border-radius: 20px;

CSS Border Radius Explained

The CSS border-radius property defines the radius of an element's corners. It's used to add rounded corners to elements and can create everything from subtle curves to perfect circles.

Syntax:

border-radius: top-left top-right bottom-right bottom-left;

Property Values:

• Single value - Applies to all four corners (e.g., border-radius: 10px;)
• Two values - First applies to top-left and bottom-right, second to top-right and bottom-left
• Three values - First to top-left, second to top-right and bottom-left, third to bottom-right
• Four values - Each value applies to a different corner (top-left, top-right, bottom-right, bottom-left)
• Percentage values - Creates elliptical corners (50% makes a perfect circle/ellipse)

Advanced Usage:

You can define horizontal and vertical radii for each corner separately to create elliptical corners:

border-radius: 10px 20px 30px 40px / 40px 30px 20px 10px;

The values before the slash are the horizontal radii and the values after are the vertical radii.

Browser Support:

The border-radius property is supported in all modern browsers, including Chrome, Firefox, Safari, Edge, and Opera. It works in Internet Explorer 9 and later.

Border Radius Generator - Web design tool for developers and designers

Text Shadow Generator

Create beautiful CSS text shadows with real-time preview

Text to Preview

Live Preview

Shadow Effect

Horizontal Offset (px)

-50px 50px

px

Vertical Offset (px)

-50px 50px

px

Blur Radius (px)

0px 50px

px

Shadow Color

Multiple Shadows

Shadow Presets

CSS Code

text-shadow: 2px 2px 4px #000000;

CSS Text Shadow Explained

The CSS text-shadow property adds shadows to text. It's widely used in web design to create visual hierarchy, add depth, and enhance readability.

Syntax:

text-shadow: h-shadow v-shadow blur-radius color;

Property Values:

• h-shadow - Required. The horizontal shadow position (positive = right, negative = left)
• v-shadow - Required. The vertical shadow position (positive = down, negative = up)
• blur-radius - Optional. The blur distance (0 = sharp, higher values = more blurred)
• color - Optional. The shadow color (default is current text color)

Multiple Shadows:

You can apply multiple shadows to the same text by separating each shadow with a comma:

text-shadow: 1px 1px 2px red, 0 0 1em blue, 0 0 0.2em blue;

Browser Support:

The text-shadow property is supported in all modern browsers, including Chrome, Firefox, Safari, Edge, and Opera. It works in Internet Explorer 10 and later.

Text Shadow Generator - Web design tool for developers and designers

Submerine Calc

Submarine Calculator

Advanced calculations for underwater vessels and marine engineering

Depth (meters)

0m 1000m

m

Submarine Volume (m³)

m³

Seawater Density (kg/m³)

Submarine Mass (kg)

Gravity (m/s²)

Submarine Calculation Results

Underwater Pressure: 1.01 MPa

P = ρ × g × h

Buoyant Force: 50.15 MN

F = ρ × g × V

Net Force: 30.39 MN

F_net = F_buoyancy - (m × g)

Buoyancy Status: Positive

Positive = floats, Negative = sinks

Depth Visualization

Depth: 100m

Pressure: 1.01 MPa | Buoyancy: 50.15 MN

Submarine Physics Formulas

P = ρ × g × h

P = Pressure (Pa)
ρ = Seawater density (kg/m³)
g = Gravity (m/s²)
h = Depth (m)

F_b = ρ × g × V

F_b = Buoyant force (N)
ρ = Seawater density (kg/m³)
g = Gravity (m/s²)
V = Displaced volume (m³)

Submarine Physics Explained

Submarine calculations are based on fundamental principles of fluid mechanics and buoyancy. Understanding these concepts is crucial for naval architects and marine engineers designing underwater vessels.

Key Principles:

• Buoyancy: The upward force exerted by a fluid that opposes the weight of an immersed object
• Hydrostatic Pressure: The pressure exerted by a fluid at equilibrium due to gravity
• Archimedes' Principle: The buoyant force equals the weight of the displaced fluid
• Neutral Buoyancy: When the submarine's weight equals the buoyant force, allowing it to hover

Practical Applications:

• Determining safe diving depths for submarines
• Calculating ballast requirements for neutral buoyancy
• Designing pressure-resistant hull structures
• Estimating energy requirements for depth changes

Typical Values:

Parameter	Typical Value	Range
Seawater Density	1025 kg/m³	1000-1070 kg/m³
Operating Depth	300-600m	Test depth to 1000m+
Hull Pressure	3-6 MPa	Up to 10 MPa

Submarine Calculator - Marine engineering tool for professionals and enthusiasts