Try changing the width of your browser window and notice the changes to the images on the sides, top, and bottom. This Paleolithic Border Image displays the design potential of the CSS Border Image property.
"Cave art, generally, the numerous paintings and engravings found in European caves and shelters dating back to the Ice Age (Upper Paleolithic), roughly between 40,000 and 14,000 years ago. See also rock art."
"The first painted cave acknowledged as being Paleolithic, meaning from the Stone Age, was Altamira in Spain. The art discovered there was deemed by experts to be the work of modern humans (Homo sapiens). Most examples of cave art have been found in France and in Spain, but a few are also known in Portugal, England, Italy, Romania, Germany, and Russia. The total number of known decorated sites is about 400." Encyclopaedia Britannica
I am using the ‘border-image’ CSS Backgrounds and Borders Module Level 3 property. It has a Candidate Recommendation. I hope it is endorsed by the committee. It has great design potential.
This is the image I designed and used for the border image.
This is the CSS style: /* Border Image */ .paleolithic { border-width: 96px 96px 192px 192px; -moz-border-image: url("/wp-content/uploads/2019/06/cave.png") 96 96 192 192 round; -webkit-border-image: url("/wp-content/uploads/2019/06/cave.png") 96 96 192 192 round; border-image: url("/wp-content/uploads/2019/06/cave.png") 96 96 192 192 round; border-style: solid; padding: 20px 5%; margin: 0; min-width: 450px; background-color: #f8ecce; box-shadow: 0 0 15px #3c3027, inset 0 0 15px #3c3027; }
This is the HTML:
<div class="paleolithic">
<p>"Cave art, generally, the numerous paintings and engravings found in European caves and shelters dating back to the Ice Age (Upper Paleolithic), roughly between 40,000 and 14,000 years ago. See also rock art."
</p>
<p>"The first painted cave acknowledged as being Paleolithic, meaning from the Stone Age, was Altamira in Spain. The art discovered there was deemed by experts to be the work of modern humans (Homo sapiens). Most examples of cave art have been found in France and in Spain, but a few are also known in Portugal, England, Italy, Romania, Germany, and Russia. The total number of known decorated sites is about 400." <a href="https://www.britannica.com/art/cave-painting" target="_blank">Encyclopaedia Britannica</a>
</p>
</div>
Please Comment:
I value your opinion and feedback.Feel free to voice your views.