Kickdynamic
Search…
Gradients
Kickdynamic blocks will be one solid colour as standard. This page walks you through how to add gradients to your designs.
It is possible to add a gradient to your design to create a fade effect using two colours. Here's a personalized image example:
And another:
To add this effect, create your image and name the block you with to apply the gradient to in the 'Blocks' section in the template editor e.g.:
name block labeled as 'firstname' in block manager
The gradient information is applied after the tag is created so you can select your font and size for the block but there's no need to add colour styling to your block.
Create your tag and then apply the following syntax to the end of the tag:
&blockname.gradientStartColor=8F00FF&&blockname.gradientEndColor=FF0000&blockname.gradientAngle=0&blockname.applyGradient=true
Replace block name with the name of your block e.g.:
&firstname.gradientStartColor=8F00FF&&firstname.gradientEndColor=FF0000&firstname.gradientAngle=0&firstname.applyGradient=true
You can choose the colours you wish to use by adding the hex code.
Here's an example image tag:
1
https://img.kickdyn.com/imgdf.png?c=31751.V6Kumyuv6SUTbSt3kUbI&name=Kickdynamic&firstname.gradientStartColor=8F00FF&&firstname.gradientEndColor=FF0000&firstname.gradientAngle=0&firstname.applyGradient=true
Copied!
You ca
Last modified 2mo ago
Copy link