{"id":56,"date":"2021-09-03T23:55:17","date_gmt":"2021-09-03T23:55:17","guid":{"rendered":"http:\/\/www.shacarah.com\/main\/?p=56"},"modified":"2022-02-26T18:17:25","modified_gmt":"2022-02-26T18:17:25","slug":"3d-html-css-js-rotating-menu-gallery","status":"publish","type":"post","link":"https:\/\/www.shacarah.com\/main\/3d\/3d-html-css-js-rotating-menu-gallery\/","title":{"rendered":"3D JS Rotating Menu\/Gallery"},"content":{"rendered":"\n<div class=\"content\">\n<script src=\"https:\/\/www.shacarah.com\/Scripts\/3DMenu.js\"><\/script>\n<div id=\"menu4\" style=\"display:block; width:100%; height:145px; float:left;\">\n<script type=\"text\/javascript\">\nmenuParameters = {\n menuID: \"menu4\", \/\/same as div id\n labels: [\"\",\"\",\"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\", \"\",\"\",\"\",\"\", \"\", \"\", \"\", \"\", \"\"],\n labelBackground: \"rgba(255,255,255,0\",\n labelColor: \"rgba(0,0,0,0)\",\n width: 83, \/\/individual item width\n height: 83, \/\/individual item height\n radius: 300, \/\/fixed size integer or \"fluid\"\n colors: [\"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\", \"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\",\"rgba(255,255,255,1)\"],\n borderSize: 1,\n borderRadius: 83,\n borderColor: \"rgba(255,255,255,1)\",\n fade: true, \/\/fade to transparent\n darken: false, \/\/fade to black\n speed: 50, \n image: [\"http:\/\/www.shacarah.com\/folioImages\/icon0.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon1.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon2.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon3.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon4.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon5.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon6.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon7.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon8.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon9.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon10.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon11.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon12.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon13.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon14.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon15.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon16.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon17.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon18.png\",\"http:\/\/www.shacarah.com\/folioImages\/icon19.png\"], \/\/optional background imge\n tilt: 4, \/\/0 no tilt\nanimation: \"auto\"\n};\ncreateMenu(menuParameters);\n<\/script><\/div>\n\n<\/div>\n\n\n\n<div class=\"content\"><script src=\"https:\/\/www.shacarah.com\/Scripts\/3DMenu.js\"><\/script>\n<div id=\"menu1\" style=\"display:block; width:100%; height:120.12903225806451px; float:left;\">\n<script type=\"text\/javascript\">\nmenuParameters = {\n menuID: \"menu1\", \/\/same as div id\n labels: [\"Item 1\",\"Item 2\",\"Item 3\", \"Item 4\", \"Item 5\", \"Item 6\", \"Item 7\", \"Item 8\", \"Item 9\", \"Item 10\", \"Item 11\", \"Item 12\",\"Item 13\",\"Item 14\",\"Item 15\", \"Item 16\", \"Item 17\", \"Item 18\", \"Item 19\", \"Item 20\", \"Item 21\", \"Item 22\", \"Item 23\", \"Item 24\"],\n labelBackground: \"rgba(255,255,255,.3\",\n labelColor: \"rgba(0,0,0,.5)\",\n width: 100, \/\/individual item width\n height: 100, \/\/individual item height\n radius: 250,\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)\"],\n borderSize: 2,\n borderRadius: 15,\n borderColor: \"rgba(255,255,255,1)\",\n fade: true, \/\/fade to transparent\n darken: false, \/\/fade to black\n speed: 50, \n image: [], \/\/optional background imge\n tilt: 30, \/\/0 no tilt\nanimation: \"autoOff\"\n};\ncreateMenu(menuParameters);\n<\/script>\n<\/div><\/div>\n\n\n\n<div class=\"content\"><script src=\"https:\/\/www.shacarah.com\/Scripts\/3DMenu.js\"><\/script><div id=\"menu2\" style=\"display:block; width:100%; height:108.3956043956044px; float:left;\">\n<script type=\"text\/javascript\">\nmenuParameters = {\n menuID: \"menu2\", \/\/same as div id\n labels: [\"Item 1\",\"Item 2\",\"Item 3\", \"Item 4\", \"Item 5\", \"Item 6\", \"Item 7\", \"Item 8\", \"Item 9\", \"Item 10\", \"Item 11\", \"Item 12\",\"Item 13\",\"Item 14\",\"Item 15\", \"Item 16\", \"Item 17\", \"Item 18\", \"Item 19\", \"Item 20\", \"Item 21\", \"Item 22\", \"Item 23\", \"Item 24\"],\n labelBackground: \"rgba(255,255,255,.3\",\n labelColor: \"rgba(0,0,0,.5)\",\n width: 150, \/\/individual item width\n height: 100, \/\/individual item height\n radius: 'fluid',\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)\"],\n borderSize: 2,\n borderRadius: 50,\n borderColor: \"rgba(255,255,255,1)\",\n fade: true, \/\/fade to transparent\n darken: false, \/\/fade to black\n speed: 50, \n image: [], \/\/optional background imge\n tilt: 90, \/\/0 no tilt\nanimation: \"autoOff\"\n};\ncreateMenu(menuParameters);\n<\/script><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":145,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[],"class_list":["post-56","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-3d","category-script-animations"],"_links":{"self":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/56"}],"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=56"}],"version-history":[{"count":9,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":512,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/posts\/56\/revisions\/512"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/media\/145"}],"wp:attachment":[{"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.shacarah.com\/main\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}