Background cover

Developer
António Capelo
Size
3,735 Kb
Views
8,096
  1. Background cover Previews
  2. Background cover HTML Codes
  3. Background cover CSS Codes

How do I make an background cover?

Quick Pen to remember a nice procedure to obtain the background cover effect whichs works on small or large screens. What is a background cover? How do you make a background cover? This script and codes were developed by António Capelo on 15 December 2022, Thursday.

Background cover Previews
IQ Test

Background cover - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Background cover</title> <link href='https://fonts.googleapis.com/css?family=Economica:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="content"> <h1>Background Cover</h1> <p>Quick Pen to remember a nice procedure to obtain the background cover effect whichs works on small or large screens</p> <p>Basically on the <b>html</b> element, use:<ul><li>background: url(url_to_img) no-repeat center center fixed;</li>
<li>background-size: cover;</li>	<li>height: 100%;</li><li>	overflow: hidden;</li></ul></p> <p>and for the <b>body</b><ul><li>height:100%;</li><li>overflow: scroll;</li><li>-webkit-overflow-scrolling: touch;</li><li>background: transparent;</li>
</ul></p>	<p>Using the <a href="http://rouleurderby.com/veloipsum">Velo Ipsum</a>, the Lorem Ipsum of bike nerds, to fill up the page.</p> <p>Lorem ipsum gavia snob anduze bidon maillot jaune, cog vendee criterium martens ombregt. Vuelta a espana feed zone, trousselier hell of the north snob rouleur derby oude kwaremont van summeren, oude kwaremont broom wagon koppenberg cavendish. Gutter cycles goff ronde van belgie, bromont rouleur chicane as the toto turns gaul battoowoo greekgreek.</p><p>
Tati palmares nys. Bartali pau choley pays de loire berendries, champs-elysees koppenberg jens bianchi soigneur groupo, garin liege-bastogne-liege? Ten dam nitto zabriskie tourmalet rekelberg, berendries valkenberg hampsten lombardie kaperij e3 prijs vlaanderen.</p><p>
Omnium stijn devolder autobus giro d'italia leberg paceline.</p><p>
Schleck bobet landbouwkrediet tati normandie. Boonen lemond, bruges arriere du peloton schleck liquigas vaughters merckx, valkenberg parcours bosberg the Druber. Ventoux spartacus van den haute, bottechia ullrich valkenberg landbouwkrediet tenbosse cog, with hampsten cutters. Bretagne merckx soigneur reilhan.</p><p>
Van steenbergen broom wagon the pedal on your left kleber, bottle commissaire. Indurain pedal fabianese criterium du dauphine forest of arenberg, van summeren on the rivet liege-bastogne-liege danseuse riis gruppetto.</p><p>
Normandie bronzini gorgeous george once supplesse sanchez, supplesse de vlaeminck ten dam ritte an. Hors categorie ullrich, HTFU bettini suitcase of courage riis palmares berg, bonk bruyneel van steenbergen rochefort! Planckaert de wolf geraardsbergen, belgium rainbow jersey vandenbroucke pyrenees krabbe paris-nice, ombregt groupo bartali? </p><p>On your left coors classic petit-breton spartacus, pantani paris a ten dam paris-brest-paris what would jens do, vos molteni. Festina rainbow jersey muur ronde van belgie kolobnev, gruppetto hoogerland tour de mont aigoual dwars door vlaanderen rouleur derby vos. The driedaagse de panne-koksijde vaughters criterium du dauphine operacion puerto choley pays de loire, rouleur play rouleur derby omloop het volk muur-kapelmuur ronde van vlaanderen. Shut up legs cat among the pigeons, virenque lanterne rouge madone tiegemberg longo bunnyhop.</p>
</div>
</body>
</html>

Background cover - Script Codes CSS Codes

* { font-family: 'Economica', Arial; box-sizing: border-box;
}
a { color: black; font-weight: bold;
}
.content { margin: 0 auto; background: rgba(211, 211, 211, 0.66); width: 80%; padding: 10px;
}
p { font-size: 2em;
}
h1 { font-size: 3.5em; text-align: center;
}
html { background: url(http://distilleryimage5.ak.instagram.com/ebe65774aac811e29d3822000a1f90e8_7.jpg) no-repeat center center fixed; background-size: cover; height: 100%; overflow: hidden;
}
body { height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; background: transparent;
}
ul { list-style: none;
}
li { font-size: 1.2em;
}
Background cover - Script Codes
Background cover - Script Codes
Home Page Home
Developer António Capelo
Username capelo
Uploaded December 15, 2022
Rating 3
Size 3,735 Kb
Views 8,096
Do you need developer help for Background cover?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

António Capelo (capelo) Script Codes
Name
AngularJS Modal Factory
Donut Chart example - MorrisJS
Camera click
Room
8-Bit Avatar
Full-width slider.
Clock loading
Brainerd scroller
Gif as page background
Custom checkbox example
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!