Skip to content

Instantly share code, notes, and snippets.

@gcyrillus
Created June 19, 2012 23:19
Show Gist options
  • Save gcyrillus/2957111 to your computer and use it in GitHub Desktop.
Save gcyrillus/2957111 to your computer and use it in GitHub Desktop.
by Gcyrillus : oblique stripes as background
/* by Gcyrillus : oblique stripes as background */
body {height:100%;
width:100%;
position:fixed;
overflow:scroll;
margin:0;
padding:0;
}
html {height:100%;background:#999;
overflow:hidden;
margin:0;
padding:0;
}
html , div {
background-image:
linear-gradient (
-95deg,
transparent 0,
transparent 40.5%,
#333 40.5%,
#333 45%,
transparent 45%,
transparent 55%,
#333 55%,
#333 60%,
transparent 60%,
transparent 100%
);
background-size:
100% /* largeur */
350% /* modifier cette valeur pour l'épaisseur des traits obliques */
;
background-repeat:repeat-x;
background-position:center;
}
div ,hr {width:500px;padding:5px;margin:auto;background-color:rgba(255,255,0,0.55);
color:white;background-size:100% 50%;
border-radius:3px;
box-shadow:1px 1px 3px white;
text-shadow:0 0 1px black;}
<div><p>Eodem tempore etiam Hymetii praeclarae indolis viri negotium est
actitatum, cuius hunc novimus esse textum. cum Africam pro consule</p> </div>
<hr id="zdeux"/><div> <h1>deux</h1>
<p> regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano
populo destinatis frumentum dedit, pauloque postea cum provenisset
segetum copia, integre sine ulla restituit mora.</p> </div>
<hr id="ztrois"/><div> <h1>trois</h1>
<p>Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti
turgida supra modum, quam Hannibaliano regi fratris filio antehac
Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix
saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui
paulatim eruditiores facti processu temporis ad nocendum per
clandestinos versutosque rumigerulos conpertis leviter addere quaedam
male suetos falsa et placentia sibi discentes, adfectati regni vel
artium nefandarum calumnias insontibus adfligebant.</p> </div>
<hr id="zquatre"/><div> <h1>quatre</h1>
<p>Quibus occurrere bene pertinax miles explicatis ordinibus parans
hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem
proximos iam gestu terrebat sed eum in certamen alacriter consurgentem
revocavere ductores rati intempestivum anceps subire certamen cum haut
longe muri distarent, quorum tutela securitas poterat in solido locari
cunctorum.</p>
<p>Eodem tempore etiam Hymetii praeclarae indolis viri negotium est
actitatum, cuius hunc novimus esse textum. cum Africam pro consule</p> </div>
<hr id="zdeux"/><div> <h1>deux</h1>
<p> regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano
populo destinatis frumentum dedit, pauloque postea cum provenisset
segetum copia, integre sine ulla restituit mora.</p> </div>
<hr id="ztrois"/><div> <h1>trois</h1>
<p>Cuius acerbitati uxor grave accesserat incentivum, germanitate Augusti
turgida supra modum, quam Hannibaliano regi fratris filio antehac
Constantinus iunxerat pater, Megaera quaedam mortalis, inflammatrix
saevientis adsidua, humani cruoris avida nihil mitius quam maritus; qui
paulatim eruditiores facti processu temporis ad nocendum per
clandestinos versutosque rumigerulos conpertis leviter addere quaedam
male suetos falsa et placentia sibi discentes, adfectati regni vel
artium nefandarum calumnias insontibus adfligebant.</p> </div>
<hr id="zquatre"/><div> <h1>quatre</h1>
<p>Quibus occurrere bene pertinax miles explicatis ordinibus parans
hastisque feriens scuta qui habitus iram pugnantium concitat et dolorem
proximos iam gestu terrebat sed eum in certamen alacriter consurgentem
revocavere ductores rati intempestivum anceps subire certamen cum haut
longe muri distarent, quorum tutela securitas poterat in solido locari
cunctorum.</p></div>
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment