How to make this effect please [on hold]

109
February 01, 2018, at 9:03 PM

i am trying to make this under construction page with this special effect.i mean the strip line on every letter.i am learning web design so please help me to make this effect.

i have no idea how to make this either using CSS or JS!

Answer 1

It's not a special CSS or JS effect. It's a custom font.

Use a web font like this : https://fonts.google.com/specimen/Bungee+Inline

To embed your selected fonts into a webpage, copy this code into the of your HTML document.

<link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet">

Use the following CSS rule to specify this family:

font-family: 'Bungee Inline', cursive;

For examples of how fonts can be added to webpages, see the getting started guide.

READ ALSO
WeTransfer iframe button open in new page

WeTransfer iframe button open in new page

I use a WeTransfer Plus account and direct my users to the page with the link WeTransfer provides

122
Images overlap with css absolute and white space removal with position:relative [on hold]

Images overlap with css absolute and white space removal with position:relative [on hold]

I have a div that has variable size and have to position a set of 6 images under thisWhen position:absolute is used the images are overlapped

103
Adding fadeIn() in

Adding fadeIn() in

I want to add fadeIn() in my code, tried some possibilities but not working for meCould you please let me know where should I place fadeIn()? all other possibilities ? Why only those would work? Code Here

111
Materliaze css - Fonts mixed content warning

Materliaze css - Fonts mixed content warning

Blocked loading mixed active content “http://materializecsscom/fonts/roboto/Roboto-Bold

178