Tips & Tutorials – Javascript

How To Create Rainbow Text With CSS & JS – Simple Examples

Welcome to a quick tutorial on how to create rainbow text using pure CSS and Javascript. So you want a colorful splash of colors on a certain promotion or message to get the users’ attention… Or maybe you are just too bored and want to add some funky effects to the page. A block of …

How To Create Rainbow Text With CSS & JS – Simple Examples Read More »

5 Ways to Show & Hide Elements In CSS Javascript

Welcome to a beginner’s tutorial on how to show and hide HTML elements with CSS and Javascript. So you need to toggle the visibility of an element? A simple way to show/hide an HTML element is to create a “hide” CSS class, then toggle it using Javascript: .hide { display: none; } document.getElementById(‘ID’).classList.toggle(‘hide’); But there …

5 Ways to Show & Hide Elements In CSS Javascript Read More »

How to Fade Background Image With CSS Javascript

Welcome to a short tutorial on how to fade an image background using CSS and Javascript. So you are working on a project with a nice background image that needs some fade effect? Bad news, it is not-so-straightforward. There is no background-image-opacity property in CSS. To fade a background image, the general steps are to: …

How to Fade Background Image With CSS Javascript Read More »