[{"id":53,"created_at":"2023-09-18T05:56:08.91258+00:00","html":"

\r\n

READY?

\r\n

GO!

\r\n

\r\n\r\n","css":".button {\r\n background: orange;\r\n margin-bottom: 10px;\r\n width: 200px;\r\n height: 50px;\r\n text-align: center;\r\n overflow: hidden;\r\n transition: .2s;\r\n cursor: pointer;\r\n border-radius: 3px;\r\n box-shadow: 0px 1px 2px rgba(0, 0, 0, .2);\r\n}\r\n\r\n.btnTwo {\r\n position: relative;\r\n width: 200px;\r\n height: 100px;\r\n margin-top: -100px;\r\n padding-top: 2px;\r\n background: #26A69A;\r\n left: -250px;\r\n transition: .3s;\r\n}\r\n\r\n.btnText {\r\n color: white;\r\n transition: .3s;\r\n}\r\n\r\n.btnText2 {\r\n margin-top: 63px;\r\n margin-right: -130px;\r\n color: #FFF;\r\n}\r\n\r\n.button:hover .btnTwo {\r\n /*When hovering over .button change .btnTwo*/\r\n left: -130px;\r\n}\r\n\r\n.button:hover .btnText {\r\n /*When hovering over .button change .btnText*/\r\n margin-left: 65px;\r\n}\r\n\r\n.button:active {\r\n /*Clicked and held*/\r\n box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.pop {\r\n background-color: orange;\r\n border: 0px;\r\n padding: 10px;\r\n border-radius: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.pop:active {\r\n scale: 50%;\r\n transition: all ease-out 1s;\r\n}\r\n\r\ngr","js":"// code here","user_id":"1c3624cd-ae3b-4b60-946f-65ea8f296ff7","project_key":"LizU6G","description":"Fork: Hover Animation CSS","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":true,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"framermotion":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "cssProcessor": false},"tags":[],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":270}],"profiles":{"username":"devcanvas"}}]