GPTranslate module

Multicolor Gradients

Complete set of 68+ multicolor CSS gradients that will beautifully complement any project. Just copy any gradient below and paste it into any "Custom CSS" field. You can use it in any DIV, section, addon, anywhere where you can paste CSS class (gradient) below.
spectrum-background
elegant-rainbow
colored-petal
energetic-soul
fable-wave
bright-brain
confusing-fluid
violet-orange
dynamic-rainbow
paypal-blue
new-blush
artificial-nature
first-chapter
sensitive-destination
illusive-love
chroma-serenity
yellow-tickets
red-crossing
romantic-sun
another-view
bright-leaks
execute-pink
cute-baby
holographic-painting
blue-morals
dynamic-energy
modern-path
blurry-vision
red-scratch
purple-darkteal
blue-bleed
faded-journey
distroted-flower
soil-burst
pipe-dream
water-ripple
urban-health
colorful-utopia
radial-ridge
harbor-explorer
dark-hope
dual-glitch
ethical-destiny
twisted-fire
golden-pond
bluish-star
redish-star
greenish-star
burst-spectrum
spectar
undefined-waves
invisible-life
leaf-rainbow
rainbow-burst
gentle-space
highlight-space
luminosity-rings
luminosity-gemstones
nova-rings
coming-light
orange-sparkle
light-divider
summer-joy
gentle-stars
warm-breeze
orange-summet
descend-sun
vista-wallpaper


Eight Patterns



pattern--1
pattern--2
pattern--3
pattern--4
pattern--5
pattern--6
pattern--7
pattern--8

Adding Animation

To activate CSS animation (hardware acceleration) for Multicolor Gradients, use CSS class animated-gradient, or animated-gradient-2.

Click on button below to "activate" animation