{"id":25732,"date":"2021-03-03T07:21:27","date_gmt":"2021-03-03T07:21:27","guid":{"rendered":"https:\/\/webartdevelopers.com\/blog\/?p=25732"},"modified":"2021-03-03T07:38:37","modified_gmt":"2021-03-03T07:38:37","slug":"parallax-horizontal-image-scroller-no-js","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/parallax-horizontal-image-scroller-no-js\/","title":{"rendered":"PARALLAX HORIZONTAL IMAGE SCROLLER &#8211; NO JS"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Author:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>TharenaMelishka<\/li><li>March 13, 2020<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Made with:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>HTML \/ CSS<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>About the code:<\/em><\/span><\/strong><\/h4>\n\n\n\n<p>This is an amazing Parallax, which is like a tarpaulin: if you don\u2019t nail down all the corners, it just doesn\u2019t work right. With vertical scrolling parallax effects a dime a dozen, a good horizontal parallax effect that doesn\u2019t load with jquery or other miscellaneous service calls or superheavy CSS like Bootstrap carousel. This image scroller is created in HTML and CSS with no JS at all.<\/p>\n\n\n\n<p><strong><em>Compatible browsers:<\/em><\/strong> Chrome, Edge, Firefox, Opera, Safari<\/p>\n\n\n\n<p><strong><em>Responsive:<\/em><\/strong> No<\/p>\n\n\n\n<p><strong><em>Dependencies:<\/em><\/strong> &#8211;<\/p>\n\n\n<a href=\"https:\/\/codepen.io\/TharenaMelishka\/share\/zip\/abOYVLx\" 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=\"https:\/\/codepen.io\/TharenaMelishka\/pen\/abOYVLx\" 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":"Author: TharenaMelishka March 13, 2020 Made with: HTML \/ CSS About the code: This is an amazing Parallax, which is like a tarpaulin: if you don\u2019t nail down all the corners, it just doesn\u2019t work right. With vertical scrolling parallax effects a dime a dozen, a good horizontal parallax effect that doesn\u2019t load with jquery or other miscellaneous service calls or superheavy CSS like Bootstrap carousel. This image scroller is created in HTML and CSS with no JS at all. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: No Dependencies: &#8211;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":25733,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3246],"tags":[7151,2814,3254,5346],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/25732"}],"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=25732"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/25732\/revisions"}],"predecessor-version":[{"id":25734,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/25732\/revisions\/25734"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/25733"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=25732"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=25732"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=25732"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}