Skip to content

Instantly share code, notes, and snippets.

@oooh-boi
Created June 4, 2019 13:17
Show Gist options
  • Save oooh-boi/6e3c01ff96b197773207f86238e0b92a to your computer and use it in GitHub Desktop.
Save oooh-boi/6e3c01ff96b197773207f86238e0b92a to your computer and use it in GitHub Desktop.
/*
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