{"id":107,"date":"2016-05-29T21:17:22","date_gmt":"2016-05-29T21:17:22","guid":{"rendered":"https:\/\/wiki.samuelchopard.ch\/?p=107"},"modified":"2019-03-18T14:29:28","modified_gmt":"2019-03-18T13:29:28","slug":"pressing-button-effect","status":"publish","type":"post","link":"https:\/\/samuelchopard.ch\/wiki\/library\/pressing-button-effect\/","title":{"rendered":"Pressing button effect"},"content":{"rendered":"<p><!--more--><\/p>\n<p><strong>CSS<\/strong>:<\/p>\n<pre class=\"EnlighterJSRAW\">.button {\n    position: absolute;\n} \n#startBtn {\n    font-family: OpenSans;\n    color: #FFFFFF;\n    background-color: #00FF7C;\n    border: 1px solid #00FF7C;\n    border-radius: 5px;\n    box-shadow: 0px 5px 0px #00823F;\n    position: relative;\n    top: 0px;\n    transition: all ease 0.3s;\n}\n#startBtn:active {\n    box-shadow: 0 3px 0 #00823F;\n    top: 3px; \n}<\/pre>\n<p><strong>HTML<\/strong><\/p>\n<pre class=\"EnlighterJSRAW\">&lt;input id=\"startBtn\" type=\"button\" value=\"Let's begin\" \/&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>Source: <a target=\"_blank\" href=\"http:\/\/stackoverflow.com\/questions\/32459859\/css-button-pressing-effect\" target=\"_blank\" rel=\"noopener noreferrer\">http:\/\/stackoverflow.com\/questions\/32459859\/css-button-pressing-effect<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"CSS: .button { position: absolute; } #startBtn { font-family: OpenSans; color: #FFFFFF; background-color: #00FF7C; border: 1px solid #00FF7C; border-radius: 5px; [...]","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[49,69,94,134,226],"class_list":["post-107","post","type-post","status-publish","format-standard","hentry","category-htmlcss","tag-button","tag-css","tag-effect","tag-html","tag-pressing"],"_links":{"self":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/comments?post=107"}],"version-history":[{"count":1,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/107\/revisions"}],"predecessor-version":[{"id":54936,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/posts\/107\/revisions\/54936"}],"wp:attachment":[{"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/media?parent=107"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/categories?post=107"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/samuelchopard.ch\/wiki\/wp-json\/wp\/v2\/tags?post=107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}