{"id":45,"date":"2021-09-03T23:31:06","date_gmt":"2021-09-03T23:31:06","guid":{"rendered":"http:\/\/www.shacarah.com\/main\/?p=45"},"modified":"2021-09-10T04:00:13","modified_gmt":"2021-09-10T04:00:13","slug":"css3-html-js-hover-cube-effect","status":"publish","type":"post","link":"https:\/\/www.shacarah.com\/main\/script-animations\/css3-html-js-hover-cube-effect\/","title":{"rendered":"CSS3 HTML JS Hover Cube Effect"},"content":{"rendered":"\n<div class=\"content\"><script src=\"https:\/\/www.shacarah.com\/Scripts\/cssBlocks.js\"><\/script>\n<div id=\"cubes\" style=\"display: block; width: 100%; margin:20px 0px 0px 20px;\">\n<script type=\"text\/javascript\">\ncubesParameters = {\n cubesID: \"cubes\", \/\/same as div id\n labels: [\"\",\"\",\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\",\"\",\"\",\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\",\"\",\"\",\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\",\"\",\"\",\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\",\"\",\"\",\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\"],\n width: 60, \/\/individual item width\n colors: [\"rgba(28,117,188,1)\", \"rgba(190,30,45,1)\", \"rgba(239,65,54,1)\", \"rgba(241,90,41,1)\", \"rgba(247,148,30,1)\", \"rgba(251,176,64,1)\", \"rgba(215,223,35,1)\", \"rgba(141,198,63,1)\", \"rgba(57,181,74,1)\", \"rgba(0,148,68,1)\", \"rgba(0,167,157,1)\", \"rgba(39,170,225,1)\",\"rgba(28,117,188,1)\", \"rgba(190,30,45,1)\", \"rgba(239,65,54,1)\", \"rgba(241,90,41,1)\", \"rgba(247,148,30,1)\", \"rgba(251,176,64,1)\", \"rgba(215,223,35,1)\", \"rgba(141,198,63,1)\", \"rgba(57,181,74,1)\", \"rgba(0,148,68,1)\", \"rgba(0,167,157,1)\", \"rgba(39,170,225,1)\",\"rgba(28,117,188,1)\", \"rgba(190,30,45,1)\", \"rgba(239,65,54,1)\", \"rgba(241,90,41,1)\", \"rgba(247,148,30,1)\", \"rgba(251,176,64,1)\", \"rgba(215,223,35,1)\", \"rgba(141,198,63,1)\", \"rgba(57,181,74,1)\", \"rgba(0,148,68,1)\", \"rgba(0,167,157,1)\", \"rgba(39,170,225,1)\",\"rgba(28,117,188,1)\", \"rgba(190,30,45,1)\", \"rgba(239,65,54,1)\", \"rgba(241,90,41,1)\", \"rgba(247,148,30,1)\", \"rgba(251,176,64,1)\", \"rgba(215,223,35,1)\", \"rgba(141,198,63,1)\", \"rgba(57,181,74,1)\", \"rgba(0,148,68,1)\", \"rgba(0,167,157,1)\", \"rgba(39,170,225,1)\",\"rgba(28,117,188,1)\", \"rgba(190,30,45,1)\", \"rgba(239,65,54,1)\", \"rgba(241,90,41,1)\", \"rgba(247,148,30,1)\", \"rgba(251,176,64,1)\", \"rgba(215,223,35,1)\", \"rgba(141,198,63,1)\", \"rgba(57,181,74,1)\", \"rgba(0,148,68,1)\", \"rgba(0,167,157,1)\", \"rgba(39,170,225,1)\"],\n  borderSize: 1,\n borderColor: \"rgba(255,255,255,1)\",\n fade: true\n};\ncreateCubes(cubesParameters);\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":47,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-45","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-script-animations"],"_links":{"self":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/45"}],"collection":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":6,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/45\/revisions\/380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/media\/47"}],"wp:attachment":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}