{"id":11647,"date":"2018-12-21T11:42:18","date_gmt":"2018-12-21T11:42:18","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=11647"},"modified":"2018-12-21T11:44:36","modified_gmt":"2018-12-21T11:44:36","slug":"fancy-slider","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/fancy-slider\/","title":{"rendered":"FANCY SLIDER"},"content":{"rendered":"\n<p><strong><u><em>Features:<\/em><\/u><\/strong><\/p>\n\n\n\n<ol><li>Clip-path for image masking rectangle border (webkit only).<\/li><li>Blend-mode for this mask.<\/li><li>Smart color system, just put your color name and value into sass map and then add proper class with this color name to elements and everything will work!<\/li><li>Cool credits side-menu (click small button in the center of demo).<\/li><li>Vanilla js with just &lt; 200 lines of code (basically it\u2019s just adds\/removes classes).<\/li><\/ol>\n\n\n\n<p>Made by Nikolay Talanov<br>October 7, 2016<\/p>\n\n\n<a href=\"http:\/\/codepen.io\/suez\/share\/zip\/wMMgXp\/\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n\n\n<a href=\"http:\/\/codepen.io\/suez\/pen\/wMMgXp\/\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Features: Clip-path for image masking rectangle border (webkit only). Blend-mode for this mask. Smart color system, just put your color name and value into sass map and then add proper class with this color name to elements and everything will work! Cool credits side-menu (click small button in the center of demo). Vanilla js with just &lt; 200 lines of code (basically it\u2019s just adds\/removes classes). Made by Nikolay TalanovOctober 7, 2016<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":11652,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3182],"tags":[20,3167,3191,3188],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/11647"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=11647"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/11647\/revisions"}],"predecessor-version":[{"id":11657,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/11647\/revisions\/11657"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/11652"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=11647"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=11647"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=11647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}