fade in tag

The fade in tag hides a question widget on page load and fades it in after a delay, encouraging respondents to read the content first.

See demo See code Restart demo

The example above sets the delay to 3000ms (3 seconds) after the page loads.

Details

• The fade in tag is valid on all question types.
• The fade in tag accepts 'y' and 'n' inputs.
• The fade in delay tag customizes how long to wait before the fade in begins. If undefined, the default value is 1000 ms (1 second). 
• The fade in duration tag customizes how long the fade should take to complete. If undefined, the default duration is 1000 ms.
• The fade in tag may be added to a set defaults or start group widget to apply the fade in settings to multiple questions at once. 

Additional examples

Fade in, 5 second duration

This example sets the fade in duration to take 5000ms and uses the default 1000ms delay before the fade begins.

See demo See code Restart demo