Created
June 4, 2019 13:17
-
-
Save oooh-boi/6e3c01ff96b197773207f86238e0b92a to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
By oooh boi - Elementor Tips and Tricks | |
This will create "triangles" custom shape divider on the | |
right-hand side of the column (vertical), and then crete | |
another one (horizontal) for mobile devices. | |
*/ | |
@media (min-width: 768px) { | |
selector:before { | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 500' fill='%23000000'%3E%3Cpath d='M201,0.938l0,499.062l-38.75,0l-70.25,-35.125l56.25,-28.125l-1.375,-0.688l31.062,-15.531l-31.062,-15.531l24.562,-12.281l-64.437,-32.219l13.5,-6.75l-91.5,-45.75l69.5,-34.75l-0.5,-0.25l24.491,-12.245l-22.491,-10.755l66.961,-32.02l-59.961,-29.98l73,-36.5l-47,-23.5l45.5,-22.75l-86.5,-43.25l103.437,-51.719l-6.562,-3.281l12.125,-6.062Zm-25,331.625l0,24.187l24.187,-12.094l-24.187,-12.094Zm0,36.188l0,21.688l21.687,-10.844l-21.687,-10.844Zm-2.594,-147.547l0,14.094l14.094,-7.047l-14.094,-7.047Zm-3.406,-221.203l0,20l-37,-18.5l3,-1.5l34,0Zm-41,288.5l0,61l40.437,-20.219l-22.562,-11.281l20.562,-10.281l-38.437,-19.219Zm-3,93.5l0,34l-34,-17l34,-17Zm-5,-278l0,77l-77,-38.5l77,-38.5Zm-29,321l0,22l-22,-11l22,-11Zm-22,-56l0,26l-26,-13l26,-13Zm-6,-148l0,14l-14,-7l14,-7Z'/%3E%3C/svg%3E"); | |
background-repeat: no-repeat; | |
background-position: 100% 0; | |
z-index: 1; | |
} | |
} | |
@media (max-width: 767px) { | |
selector:before { | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 200' fill='%23000000'%3E%3Cpath d='M499.063,201l-499.063,0l0,-38.75l35.125,-70.25l28.125,56.25l0.688,-1.375l15.531,31.063l15.531,-31.063l12.281,24.563l32.219,-64.438l6.75,13.5l45.75,-91.5l34.75,69.5l0.25,-0.5l12.245,24.491l10.755,-22.491l32.02,66.961l29.98,-59.961l36.5,73l23.5,-47l22.75,45.5l43.25,-86.5l51.719,103.438l3.281,-6.563l6.062,12.125Zm-331.625,-25l-24.187,0l12.094,24.188l12.093,-24.188Zm-36.187,0l-21.688,0l10.844,21.688l10.844,-21.688Zm147.547,-2.594l-14.094,0l7.047,14.094l7.047,-14.094Zm221.203,-3.406l-20,0l18.5,-37l1.5,3l0,34Zm-288.5,-41l-61,0l20.219,40.438l11.281,-22.563l10.281,20.563l19.219,-38.438Zm-93.5,-3l-34,0l17,-34l17,34Zm278,-5l-77,0l38.5,-77l38.5,77Zm-321,-29l-22,0l11,-22l11,22Zm56,-22l-26,0l13,-26l13,26Zm148,-6l-14,0l7,-14l7,14Z'/%3E%3C/svg%3E"); | |
background-repeat: no-repeat; | |
background-position: 0 100%; | |
z-index: 1; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment