Borda Serrilhada Somente com CSS 3

README.md

Borda Serrilhada Somente com CSS 3

Códigos referentes ao post Criar Borda Serrilhada Somente com CSS3

background-repeat-size.css

background-repeat: repeat-x;
background-size: 25px 20px, 25px 20px;

blockquote-after.css

blockquote:after {
    content: "";
    position: absolute;
    display:block;
    
    width: 100%;
    height: 29px;  
    
    right: 0;
    bottom: -24px;
    left: 0;
    
    background: -webkit-linear-gradient(45deg, transparent 70%, white 75%) 0 50%, -webkit-linear-gradient(130deg, transparent 70%, white 75%) 0 50%;
    background: -moz-linear-gradient(-45deg, transparent 70%, white 75%) 0 50%, -moz-linear-gradient(45deg, transparent 70%, white 75%) 0 50%;
    background: -o-linear-gradient(-45deg, transparent 70%, white 75%) 0 50%, -o-linear-gradient(45deg, transparent 70%, white 75%) 0 50%;
    background: -ms-linear-gradient(-45deg, transparent 70%, white 75%) 0 50%, -ms-linear-gradient(45deg, transparent 70%, white 75%) 0 50%;
    background: linear-gradient(-45deg, transparent 70%, white 75%) 0 50%, linear-gradient(45deg, transparent 70%, white 75%) 0 50%;
    
    background-repeat: repeat-x;
    background-size: 25px 20px, 25px 20px;
}

blockquote-default.css

body {
    font-family: Verdana;         
    background:url(http://www.chrdesigner.com/wp-content/themes/chrdesinger/images/backgrounds/bg-blog.jpg);
}

blockquote {
    background: white;  
    min-width: 320px;
    position: relative;
    padding: 10px 5px;
    margin: 0 10px;
    text-align: center;
}

bloco-texto.html

<blockquote>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec congue massa nec velit tincidunt tincidunt.
  Sed sit amet ullamcorper tellus.
</blockquote>

linear-gradient-exemple.css

background: linear-gradient(-45deg, transparent 70%, white 75%) 0 50%, linear-gradient(45deg, transparent 70%, white 75%) 0 50%;

linear-gradient.css

-webkit-linear-gradient = /* WebKit browsers */
-moz-linear-gradient = /* Mozilla Firefox 4 to 18 */
-o-linear-gradient = /* Opera */
-ms-linear-gradient = /* Internet Explorer 10+ */
linear-gradient = /* Mozilla Firefox 19+ */