Answer & Solution
<linearGradient> element, specifying the start and end points for the gradient's direction.
<linearGradient> element, specifying the start and end points for the gradient's direction.
What are gradient stops in SVG used for?
A). Defining color transitions
B). Creating shapes
C). Applying animations
D). Applying filters
How do you add gradient stops to a linear gradient in SVG?
A). By using multiple <stop> elements
B). By using the<color>element
C). By using the <path> element
D). By using the<gradient> element
How does the position of a gradient stop affect the color transition?
A). It determines where the color transition occurs
B). It determines the color of the stop
C). It determines the size of the stop
D). It determines the direction of the stop
What does the fx and fy attributes of a radial gradient specify?
A). The focal point for the gradient in X and Y axes
B). The starting point for the gradient in X and Y axes
C). The ending point for the gradient in X and Y axes
D). The direction of the gradient in X and Y axes
How can gradient stops be used to create a color transition effect from opaque to transparent?
A). By gradually decreasing the opacity of stops
B). By gradually increasing the opacity of stops
C). By setting the stop-color to white with opacity 0
D). By setting the stop-color to black with opacity 1
What does the offset attribute of a gradient stop specify?
A). Position along the gradient
B). Color of the gradient
C). Size of the gradient
D). Direction of the gradient
How can you reuse a gradient across multiple elements in SVG?
A). By defining the gradient once and referencing its ID
B). By copying and pasting the gradient code
C). By redefining the gradient for each element
D). By using inline styles for each element
How can you create a repeating gradient effect using gradient stops in SVG?
A). By setting the repeat attribute for stops
B). By duplicating the gradient code multiple times
C). By setting the gradientTransform attribute
D). By using multiple gradient stops with same colors
What is the purpose of the stop-color attribute in an SVG gradient stop?
A). Defines the color of the stop
B). Defines the position of the stop
C). Defines the size of the stop
D). Defines the direction of the stop
Which element is used to define a linear gradient in SVG?
A). <linearGradient>
B). <radialGradient>
C). <rect>
D). <circle>