Welcome to a quick tutorial on how to create blurred text and images with CSS. So you want to add some nice effects to your website? Maybe blur out a busy image background, or blur a block of text in a Carousel? Yes, the dark days of the Internet are over. Blurred text and images …
Blurred Text & Images With Pure CSS – Simple Examples Read More »
Welcome to a quick tutorial on how to create HTML button links. Text links work great, but they sure are not catchy enough. Also on mobile devices, one with fat fingers may have a little trouble with tapping that small text link. The easy way to create HTML button links is to wrap the button …
5 Ways To Create HTML Button Links – Simple Examples Read More »
Welcome to a tutorial on how to display code snippets in HTML. Want to present or share some code snippets on your website? Just like how it is being done right here on Code Boxx? Well, it really isn’t that difficult. To display code snippets in HTML: First, convert the code snippet into HTML entities. …
How To Display Code Snippets in HTML – Simple Examples Read More »
Welcome to a short tutorial on how to add background music in HTML. The fastest way to add background music to a website is to insert an audio tag at the bottom of the page – <audio src=”MUSIC.mp3″ autoplay loop></audio>. Yep, it’s that simple, but there are still a couple of things to take …
How To Add Background Music In HTML – Very Simple Example Read More »
Welcome to a short tutorial on how to encrypt HTML code. So for some reason, you need to hide the HTML source code from the users. Be it for security purposes, or not wanting to release the full source code to a non-paying client. We can easily encrypt HTML using free online tools: Do a …
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 »
Welcome to a tutorial on how to disable elements inside an HTML DIV. To quickly disable all form elements in an HTML DIV, we can get the elements using the query selector and disable them accordingly: var all = document.querySelectorAll(“#container select, #container input, #container textarea, #container button”); for (let el of all) { el.disabled = …
Welcome to a beginner’s tutorial on how to add icons in HTML and CSS. Need to add some icons to your website? Make the contents a little easier to navigate? There are various ways to add icons in HTML and CSS: The easiest way is to use HTML symbols, simply copy-and-paste the respective HTML entity …
Welcome to a quick tutorial on how to create triangles in HTML and CSS. Need to add some triangles to your webpage? Well, ever since the introduction of HTML5 and CSS3, triangles are no longer limited to images. One of the fastest ways to create triangles is to use HTML symbols: Up Triangle – ▲ …
Welcome to a beginner’s tutorial on how to create horizontal lines in HTML and CSS. So you have some content that you want to break up by drawing a line. Well, no sweat. There are 2 easy ways to create horizontal lines in HTML: Use the horizontal rule <hr> element. Add a bottom border with …
2 Ways To Create Horizontal Lines In HTML (HR & Border) Read More »
