Stacks Image 923
Stacks Image 924

Psychedelic

Animating psychedelic background colours.

Psychedelic

Section backgrounds that animate through a chosen series of colours.

Overview.

Using Psychedelic is just like using a default 1 column stack. It allows you to place anything you like inside, with the added feature of allowing you to make the background animate through a selection of colours.

You may choose up to 8 colours to animate through. And you may choose the speed (in seconds) that it takes to animate through the number of colours you have chosen to use.

The stack is completely CSS based, not relying on javascript in any way.

Instant download.

Version : 1.0.1

Responsive : Yes

First released : 20/12/2017

Last Updated : n/a

Stacks V 3.5 or greater.

Live Demo

This section it's self is one of the live demos of the animating background colour.

  • The banner at the top of this page is animating through 2 colours.
  • This section is animating through 4 colours.
  • You can animate through up to 8 colours.
  • You can set the speed (in seconds) that it takes to animate through all the selected colours.

Stacks settings.

In this section we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 243
Colours Count

Choose between 2 and 8 different colours to animate in the background.

Colours

Based on your colour count choice above, you will be able to select up to 8 different colours to animate.

Cycle Time

This is the time (in seconds) the animation will take to animate through all of your selected colours. The animation repeats eternally.

Preview animation in edit mode

As the stack is purely CSS based, you are able to preview the animation in edit mode if you wish when this checkbox is selected.

Stacks edit mode.

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Stacks Image 771

Stacks FAQ.

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

No known issues.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Secure checkout.

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account set-up.

Instant download.

Stacks Image 589
Psychedelic Stack