Chameleon from Doobox is a stack for creating CSS gradient backgrounds for RapidWeaver. The gradients are probably different to anything you might imagine …
… you would probably imagine a gradient from white to teal as being white at the top of the screen and teal at the bottom of the screen and if the gradient stretches over the length of two, or three screen heights?
Chameleon's gradients are very special because at any one time, the screen will only display one flat colour. If the top of the gradient is white and you are at the top of the screen, your whole screen will be white. Scroll down the screen and Chameleon will calculate the colour of the screen from the screen's position in relation to the gradient and will gradually and almost imperceptibly change to – using our example – teal.
Chameleon hast just two settings: Starting Colour and Ending Colour.
You can drop as many stacks as you wish into Chameleon, but for the gradient to become visible, the content should extend below the fold – the further, the better. If your content is shorter than, or the same as the screen height, Chameleon only produces a single flat colour – that of the Starting Colour.
With a subtle gradient you will hardly notice that the background colour has changed, but even with a daring change from blue to pink, the effect is never shocking. The effect has to be seen, to be fully appreciated. Visit
Chameleon's product page and view the demos.
*Please click on the video for HD version.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Subscribe to Ninja News
or ask a question
Yes, I would like to receive your monthly newsletter.
No thanks, I’m good for now. I have a different issue.
[1-1], thanks for subscribing. If you made a further request, I’ll get back to you – typically within 24 hrs.
[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.
Thanks again for contacting us. Your request was successfully submitted.
Looking for Inspiration?
Looking for Inspiration for a new site, or need a CTA
The Latest & Greatest
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—17
Powered by rjh-design
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.