css effect

CSS effect

css box shadow

The box-shadow property creates a rectangular shadow behind an element’s entire box.

.shadow-sm

.shadow

.shadow-md

.shadow-lg

.shadow-xl

.shadow-2xl

.shadow-inner

.shadow-none

CSS Drop Shadow

Using drop-shadow allows us to add a shadow to an element that doesn’t correspond to its bounding box, but instead uses the element’s alpha mask. We could add a drop shadow to a transparent PNG or SVG logo

drop-shadow-sm

drop-shadow

drop-shadow-md

drop-shadow-lg

drop-shadow-xl

drop-shadow-2xl

animate-spin

animate-ping

animate-pulse

animate-bounce

marquee effect

1
2
3
4
5
6
7
8
9
10
1-b
2-b
3-b
4-b
5-b
6-b
7-b
8-b
9-b
10-b
1
2
3
4
5
6
7
8
9
10
1-b
2-b
3-b
4-b
5-b
6-b
7-b
8-b
9-b
10-b

Dark sky with dynamic star background

Glowing universe

Table with fixed header using sticky positioning tailwindcss

Model3350-300ML 42U3350-300M 42U3350-350M 42U3350-400M 42U3350-500M 42U3350-600M 42U
General
Phase3 Phase In 3 Phase Out
Cabinet capacity300KW300KW350KW400KW500KW600KW
Battery typeExternal battery
Power module capacity50KVA / 50KW
Max. power modules66781012
Input
Rated voltage3 x 380/400/415 VAC (3Ph+N)
Voltage range-20% ~ +15%
Rated frequency50/60 Hz (auto select)
Frequency range40Hz ~ 70Hz
Power factor100% load ≥0.99, 50% load ≥0.98
THDi<4% @ 100% load
Output
Rated voltage3 x 380/400/415 VAC (3Ph+N)
Voltage regulation≤ ±1% (balanced), ≤ ±2% (unbalanced)
Rated frequency50/60Hz
Frequency range46–54Hz / 56–64Hz
Overload capacity110% 1h, 125% 10min, 150% 1min, >150% 200ms
THDv≤2% (linear), ≤4% (non-linear)
Efficiency95.5%
Battery / Charging
Rated voltage±192V ~ ±240V (optional)
Float voltage2.28V / cell
Equalize voltage2.35V / cell
Charging current12A (adjustable)
Physical
Dimensions (mm)850×600×20101065×600×20101065×600×20101065×600×20101065×1000×20101065×1000×2010
Weight (kg)49054565493210201130
Environment
Temperature0–40°C
Humidity0–95% RH (non-condensing)
IP RatingIP20
Standards
SafetyIEC/EN 62040-1
EMCIEC/EN 62040-2 C3