Html and css. What features can I add to a web page to make it look more fascinating.

Question

What features can I add to a web page to make it look more fascinating.

Answer 1

Parallax Effect

You have probably seen the Parallax Effect in fancy-magazine-style online articles. As you scroll down a feature article, the background image appears to scroll at a different pace. As you enter a different section of the article, the background image changes. It’s a cool effect that adds visual depth to the content.

Since this is not a pure HTML effect, we can only offer animated GIFs to demonstrate the output.

Below you’ll see a basic version of the Parallax effect; a box of text moves across a static background image as you scroll

Scrollable Text Box

This is a simple but helpful HTML element that lets you pack long snippets of text into a compact format. This way it doesn’t take up the entire space on the page.

HTML input:

<div style=”width: 25%; height: 50px; overflow: auto; scrollbar-face-color: #CE7E00; scrollbar-shadow-color: #FFFFFF; br /scrollbar-highlight-color: #6F4709; scrollbar-3dlight-color:#11111; scrollbar-darkshadow-color: #6F4709; br /scrollbar-track-color: #FFE8C1; scrollbar-arrow-color: #6F4709;”>Your text will show here. And you can scroll down to go through all of it. You just have to add a sufficient amount of text to make the scrollbars show. Obviously, this is not enough,o let’s assume we have a little more to say. Eventually, the scrollbars will come in handy. That’s it! :)</div>
↓↓↓ :)
https://www.makeuseof.com/tag/7-cool-html-effects-that-anyone-can-add-to-their-website-nb/

Answer 2

Thanks James!