Create Responsive Company Name Slideshow Using HTML And CSS

Asma Web

Its features:

  • It is completely responsive.

  • When you compress it, the line displays vertically.

  • It is generally used as company logo or company name.

  • You can use the image of your choice in the background if you want.

Try to create like yourself by following the codes below :


Step 1) Add to folder :
First make one folder and put an images that you like.
Step 2) Add to head :
<link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
Step 3) Add to html :
<div class="hero"> <h1>Asma Web</h1> </div>
Step 4) Add to css :
.hero{ width:100%; left:25px; transform:translate(-50% -50%); position:relative; font-family: 'Sofia'; font-size: 22px; } .hero h1{ font-size:70px; color:transparent; -webkit-text-stroke:0.2px #9b870c; background:url(mara.gif); -webkit-background-clip:text; background-position:0 0; animation:back 20s linear infinite; } @keyframes back{ 100%{ background-position:1000px 0; } }



Thank you sir

Congratulations to you on visiting our page.

If you have any feedback, you can give advice through the "Contact Me" form.