{"id":11790,"date":"2016-05-21T11:02:07","date_gmt":"2016-05-21T09:02:07","guid":{"rendered":"http:\/\/www.jng-web.com\/labo\/?p=11790"},"modified":"2023-03-22T21:24:34","modified_gmt":"2023-03-22T20:24:34","slug":"boutons-css3-animations","status":"publish","type":"post","link":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/","title":{"rendered":"Des boutons CSS3 avec animations !"},"content":{"rendered":"<div class=\"advads-avant-le-contenu\" id=\"advads-1847112941\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><div class=\"advads-test\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" id=\"advads-3408102555\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><p>Vous \u00eates peut -\u00eatre \u00e0 la recherche de boutons pour votre site internet. Si tel est le cas, vous avez d\u00e9couvert un billet qui va faire votre bonheur. En effet, je vous propose de d\u00e9couvrir une s\u00e9lection de boutons utilisant la technologie CSS3. Ces boutons sont \u00e9galement agr\u00e9ment\u00e9s d&rsquo;animation, de quoi \u00e9merveiller les visiteurs de votre site internet. Il ne vous reste plus qu&rsquo;\u00e0 faire votre choix dans le listing ci-dessous :<\/p>\n<blockquote><p>Pour acc\u00e9der \u00e0 une ressource, cliquez sur l&rsquo;image correspondante.<\/p>\n<p>Avant d&rsquo;utiliser une ressource, je vous invite \u00e0 consulter les conditions d&rsquo;utilisation et \u00e0 vous y conformer.<\/p><\/blockquote>\n<h2>Boutons hexagonaux en CSS3<\/h2>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11791\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/boutons-css3-hexagonaux-300x118.png\" alt=\"boutons css3 hexagonaux\" width=\"300\" height=\"118\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/boutons-css3-hexagonaux-300x118.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/boutons-css3-hexagonaux.png 540w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/h2>\n<h2><\/h2>\n<h2>Boutons CSS3 style Star Trek<\/h2>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11792\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Star-Trek-css3-Boutons-300x99.png\" alt=\"Star Trek css3 Boutons\" width=\"300\" height=\"99\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Star-Trek-css3-Boutons-300x99.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Star-Trek-css3-Boutons.png 571w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/h2>\n<h2>Des boutons CSS3 simples et facile \u00e0 personnaliser<\/h2>\n<p><a href=\"https:\/\/cssdeck.com\/labs\/buttoninity\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11793\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/simple-css3-boutons-300x242.png\" alt=\"simple css3 boutons\" width=\"300\" height=\"242\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/simple-css3-boutons-300x242.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/simple-css3-boutons.png 359w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Purely CSS<\/h2>\n<p><a href=\"https:\/\/cssdeck.com\/labs\/purely-css\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11794\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/purely-CSS-boutons-300x76.png\" alt=\"purely CSS boutons\" width=\"300\" height=\"76\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/purely-CSS-boutons-300x76.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/purely-CSS-boutons.png 424w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>CSS3 Hidden Social<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11795\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/CSS3-Hidden-Social-300x152.png\" alt=\"CSS3 Hidden Social\" width=\"300\" height=\"152\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/CSS3-Hidden-Social-300x152.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/CSS3-Hidden-Social.png 563w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Boutons CSS3 anim\u00e9s<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11796\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-anim\u00e9s-300x82.png\" alt=\"Boutons CSS3 anim\u00e9s\" width=\"300\" height=\"82\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-anim\u00e9s-300x82.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-anim\u00e9s.png 495w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Boutons CSS3 color\u00e9s<\/h2>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11797\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-color\u00e9s-300x54.png\" alt=\"Boutons CSS3 color\u00e9s\" width=\"300\" height=\"54\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-color\u00e9s-300x54.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-color\u00e9s-445x82.png 445w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-color\u00e9s.png 458w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/h2>\n<h2>NeatNeat hover animations<\/h2>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11798\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/NeatNeat-hover-animations.png\" alt=\"NeatNeat hover animations\" width=\"251\" height=\"154\" \/><\/h2>\n<h2>Boutons radio et checkbox<\/h2>\n<h2><a href=\"https:\/\/cssdeck.com\/labs\/radio-button-checkbox\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11799\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-radio-et-checkbox-300x84.png\" alt=\"Boutons radio et checkbox\" width=\"300\" height=\"84\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-radio-et-checkbox-300x84.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-radio-et-checkbox.png 499w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/h2>\n<h2>Boutons anim\u00e9s<\/h2>\n<p><a href=\"https:\/\/cssdeck.com\/labs\/iconic-buttons\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11800\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-300x110.png\" alt=\"Boutons anim\u00e9s\" width=\"300\" height=\"110\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-300x110.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s.png 521w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Boutons CSS3 avec ic\u00f4nes<\/h2>\n<h2><a href=\"https:\/\/cssdeck.com\/labs\/css3-buttons-with-icons\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11801\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-avec-ic\u00f4nes-300x112.png\" alt=\"Boutons CSS3 avec ic\u00f4nes\" width=\"300\" height=\"112\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-avec-ic\u00f4nes-300x112.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-CSS3-avec-ic\u00f4nes.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/h2>\n<h2>Flat UI Boutons<\/h2>\n<h2><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11802\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Flat-UI-Boutons-300x85.png\" alt=\"Flat UI Boutons\" width=\"300\" height=\"85\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Flat-UI-Boutons-300x85.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Flat-UI-Boutons.png 498w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/h2>\n<h2>Obvious Buttons<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11803\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Obvious-Buttons-300x126.png\" alt=\"Obvious Buttons\" width=\"300\" height=\"126\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Obvious-Buttons-300x126.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Obvious-Buttons.png 494w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Boutons anim\u00e9s avec ic\u00f4nes<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11804\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-avec-ic\u00f4nes-300x142.png\" alt=\"Boutons anim\u00e9s avec ic\u00f4nes\" width=\"300\" height=\"142\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-avec-ic\u00f4nes-300x142.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-avec-ic\u00f4nes.png 500w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Boutons CSS3 anim\u00e9s<\/h2>\n<p><a href=\"https:\/\/tympanus.net\/codrops\/2011\/11\/07\/animated-buttons-with-css3\/\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11805\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-en-CSS3-300x165.png\" alt=\"Boutons anim\u00e9s en CSS3\" width=\"300\" height=\"165\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-en-CSS3-300x165.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Boutons-anim\u00e9s-en-CSS3.png 459w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Chunky 3D Web Buttons<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-11806\" src=\"http:\/\/www.jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Chunky-3D-Web-Buttons-300x124.png\" alt=\"Chunky 3D Web Buttons\" width=\"300\" height=\"124\" srcset=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Chunky-3D-Web-Buttons-300x124.png 300w, https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Chunky-3D-Web-Buttons.png 524w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2><\/h2>\n<p>Les requ\u00eates qui ont permis d'acc\u00e9der \u00e0 cet article:<\/p><ul><li>bouton hover css3<\/li><\/ul>","protected":false},"excerpt":{"rendered":"<p>Vous \u00eates peut -\u00eatre \u00e0 la recherche de boutons pour votre site internet. Si tel est le cas, vous avez d\u00e9couvert un billet qui va &hellip; <\/p>\n","protected":false},"author":2,"featured_media":11810,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-11790","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-5-et-css-3"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Des boutons CSS3 avec animations ! - Labo JNG WEB<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Des boutons CSS3 avec animations ! - Labo JNG WEB\" \/>\n<meta property=\"og:description\" content=\"Vous \u00eates peut -\u00eatre \u00e0 la recherche de boutons pour votre site internet. Si tel est le cas, vous avez d\u00e9couvert un billet qui va &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/\" \/>\n<meta property=\"og:site_name\" content=\"Labo JNG WEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\" \/>\n<meta property=\"article:author\" content=\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-21T09:02:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-22T20:24:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Social-Sprites-Icons.png\" \/>\n\t<meta property=\"og:image:width\" content=\"554\" \/>\n\t<meta property=\"og:image:height\" content=\"261\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"J\u00e9r\u00f4me\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"J\u00e9r\u00f4me\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/\"},\"author\":{\"name\":\"J\u00e9r\u00f4me\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\"},\"headline\":\"Des boutons CSS3 avec animations !\",\"datePublished\":\"2016-05-21T09:02:07+00:00\",\"dateModified\":\"2023-03-22T20:24:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/\"},\"wordCount\":168,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"articleSection\":[\"HTML 5 et CSS 3\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/\",\"url\":\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/\",\"name\":\"Des boutons CSS3 avec animations ! - Labo JNG WEB\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#website\"},\"datePublished\":\"2016-05-21T09:02:07+00:00\",\"dateModified\":\"2023-03-22T20:24:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Labo Jng Web\",\"item\":\"https:\/\/jng-web.com\/labo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML 5 et CSS 3\",\"item\":\"https:\/\/jng-web.com\/labo\/html-5-et-css-3\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Des boutons CSS3 avec animations !\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jng-web.com\/labo\/#website\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"name\":\"Labo JNG WEB\",\"description\":\"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...\",\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jng-web.com\/labo\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\",\"name\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"contentUrl\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"width\":342,\"height\":110,\"caption\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\"},\"image\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\",\"https:\/\/twitter.com\/jng_web\",\"https:\/\/fr.linkedin.com\/in\/jeromeguri\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\",\"name\":\"J\u00e9r\u00f4me\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"caption\":\"J\u00e9r\u00f4me\"},\"description\":\"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.\",\"sameAs\":[\"http:\/\/www.jng-web.com\",\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\",\"https:\/\/twitter.com\/JngWeb21\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Des boutons CSS3 avec animations ! - Labo JNG WEB","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/","og_locale":"fr_FR","og_type":"article","og_title":"Des boutons CSS3 avec animations ! - Labo JNG WEB","og_description":"Vous \u00eates peut -\u00eatre \u00e0 la recherche de boutons pour votre site internet. Si tel est le cas, vous avez d\u00e9couvert un billet qui va &hellip;","og_url":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/","og_site_name":"Labo JNG WEB","article_publisher":"https:\/\/www.facebook.com\/webmaster.referencement.dijon","article_author":"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","article_published_time":"2016-05-21T09:02:07+00:00","article_modified_time":"2023-03-22T20:24:34+00:00","og_image":[{"width":554,"height":261,"url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2016\/05\/Social-Sprites-Icons.png","type":"image\/png"}],"author":"J\u00e9r\u00f4me","twitter_misc":{"\u00c9crit par":"J\u00e9r\u00f4me","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#article","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/"},"author":{"name":"J\u00e9r\u00f4me","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590"},"headline":"Des boutons CSS3 avec animations !","datePublished":"2016-05-21T09:02:07+00:00","dateModified":"2023-03-22T20:24:34+00:00","mainEntityOfPage":{"@id":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/"},"wordCount":168,"commentCount":1,"publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"articleSection":["HTML 5 et CSS 3"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/","url":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/","name":"Des boutons CSS3 avec animations ! - Labo JNG WEB","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/#website"},"datePublished":"2016-05-21T09:02:07+00:00","dateModified":"2023-03-22T20:24:34+00:00","breadcrumb":{"@id":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jng-web.com\/labo\/boutons-css3-animations\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jng-web.com\/labo\/boutons-css3-animations\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Labo Jng Web","item":"https:\/\/jng-web.com\/labo\/"},{"@type":"ListItem","position":2,"name":"HTML 5 et CSS 3","item":"https:\/\/jng-web.com\/labo\/html-5-et-css-3\/"},{"@type":"ListItem","position":3,"name":"Des boutons CSS3 avec animations !"}]},{"@type":"WebSite","@id":"https:\/\/jng-web.com\/labo\/#website","url":"https:\/\/jng-web.com\/labo\/","name":"Labo JNG WEB","description":"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...","publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jng-web.com\/labo\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/jng-web.com\/labo\/#organization","name":"JNG WEB \/\/ J\u00e9r\u00f4me Guri","url":"https:\/\/jng-web.com\/labo\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/","url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","contentUrl":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","width":342,"height":110,"caption":"JNG WEB \/\/ J\u00e9r\u00f4me Guri"},"image":{"@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webmaster.referencement.dijon","https:\/\/twitter.com\/jng_web","https:\/\/fr.linkedin.com\/in\/jeromeguri"]},{"@type":"Person","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590","name":"J\u00e9r\u00f4me","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","caption":"J\u00e9r\u00f4me"},"description":"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.","sameAs":["http:\/\/www.jng-web.com","https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","https:\/\/twitter.com\/JngWeb21"]}]}},"views":8016,"_links":{"self":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/11790","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/comments?post=11790"}],"version-history":[{"count":0,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/11790\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media\/11810"}],"wp:attachment":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media?parent=11790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/categories?post=11790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/tags?post=11790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}