regex101: JavaScript Match Workspace

Pro

^start of line

Non-Capturing Group(?:-\w+-)*

*repeats the group contents below any number of times:

-the literal - (45₁₀ / 55₈ / 2D₁₆)

\w+any word character, repeated at least once

-the literal - (45₁₀ / 55₈ / 2D₁₆)

linear-gradientthe literal text linear-gradient (case sensitive)

\(the literal ( (40₁₀ / 50₈ / 28₁₆)

Non-Capturing Group(?:.*?(?<=top|bottom|left|right|deg)\s*,\s*)*

*repeats the group contents below any number of times:

.*?any character (except for line terminators), repeated any number of times

Positive Lookbehind(?<=top|bottom|left|right|deg)

1st Alternativetop

topthe literal text top (case sensitive)

2nd Alternativebottom

bottomthe literal text bottom (case sensitive)

3rd Alternativeleft

leftthe literal text left (case sensitive)

4th Alternativeright

rightthe literal text right (case sensitive)

5th Alternativedeg

degthe literal text deg (case sensitive)

\s*any whitespace character, repeated any number of times

,the literal , (44₁₀ / 54₈ / 2C₁₆)

\s*any whitespace character, repeated any number of times

Global pattern flags

m modifier: multiline. Causes ^ and $ to match the start and end of each line, not only the start and end of the string

g modifier: global. Finds all matches instead of stopping after the first

26 tokens

Regular Expression

^(?:-\w+-)*linear-gradient\((?:.*?(?<=top|bottom|left|right|deg)\s*,\s*)*

New

-webkit-linear-gradient(top , rgb(243, 231, 231), rgba(12, 0, 0, 0.48));
-moz-linear-gradient(90deg , hsl(0, 80%, 70%), #bada55)  
-o-linear-gradient(bottom, hsl(0, 80%, 70%), #bada55) ;  
linear-gradient(135deg , red, red 60%, blue) ;

linear-gradient(yellow, blue 20%, #0f0);

linear-gradient( to left top, blue, green 40%, red ); 
linear-gradient(to top left  , red, orange, yellow, green, blue, indigo, violet) ; 
linear-gradient(to bottom right , red, rgba(255, 0, 0, 0)); 
linear-gradient(right top to left bottom, red, rgb(255, 0, 0));

Substitution

-webkit-linear-gradient(top , rgb(243, 231, 231), rgba(12, 0, 0, 0.48));
-moz-linear-gradient(90deg , hsl(0, 80%, 70%), #bada55)  
-o-linear-gradient(bottom, hsl(0, 80%, 70%), #bada55) ;  
linear-gradient(135deg , red, red 60%, blue) ;

linear-gradient(yellow, blue 20%, #0f0);

linear-gradient( to left top, blue, green 40%, red ); 
linear-gradient(to top left  , red, orange, yellow, green, blue, indigo, violet) ; 
linear-gradient(to bottom right , red, rgba(255, 0, 0, 0)); 
linear-gradient(right top to left bottom, red, rgb(255, 0, 0));