{"id":1770,"date":"2011-08-26T15:45:43","date_gmt":"2011-08-26T13:45:43","guid":{"rendered":"http:\/\/www.nyamsprod.com\/blog\/?p=1770"},"modified":"2011-08-26T15:45:43","modified_gmt":"2011-08-26T13:45:43","slug":"samuser-avec-le-css3","status":"publish","type":"post","link":"https:\/\/nyamsprod.com\/blog\/samuser-avec-le-css3\/","title":{"rendered":"s&#8217;amuser avec le css3"},"content":{"rendered":"<div class=\"message warning\">\n<p><strong>Attention:<\/strong> Les informations de ce billet sont susceptibles d'&ecirc;tre obsol&egrave;tes car vieux de plus 2 ans.<\/p>\n<p><strong>Warning: <\/strong> The information you are reading may be obsolete, this post was published more than 2 years ago.<\/p>\n<\/div><p>Pause technique dans mes s\u00e9lections musicales du bled ( dixit <a title=\"Blog de lepetitnegre\" href=\"http:\/\/www.lepetitnegre.com\/\" target=\"_blank\">lepetitnegre<\/a>) pour vous faire d\u00e9couvrir ma derni\u00e8re d\u00e9mo r\u00e9alis\u00e9e avec du CSS3. Le but \u00e9tant de voir ce que je pouvais faire sans l&#8217;aide du javascript. Je ne sais pas ce que vous penserez du r\u00e9sultat final mais je suis sur ma d\u00e9mo vous rappellera des souvenirs d&#8217;enfance. En attendant pour les plus presser, n&#8217;oubliez pas de regarder la source du document pour comprendre les modules de CSS3 utilis\u00e9es que je liste ci-dessous:<\/p>\n<ul>\n<li><a href=\"https:\/\/developer.mozilla.org\/en\/CSS\/animation\" target=\"_blank\">CSS3 animation<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en\/CSS\/-moz-transition\" target=\"_blank\">CSS transition<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en\/css\/-moz-transform\" target=\"_blank\">CSS3 transformation<\/a><\/li>\n<li><a href=\"http:\/\/leaverou.me\/css3-gradients\/#intro\" target=\"_blank\">CSS3 gradient<\/a><\/li>\n<li><a href=\"https:\/\/developer.mozilla.org\/en\/CSS\/Multiple_backgrounds\">CSS3 multiple background<\/a><\/li>\n<\/ul>\n<p>et ouais <a title=\"Power to the browser\" href=\"http:\/\/www.nyamsprod.com\/test\/chaos.html\" target=\"_blank\">il fallait tout \u00e7a pour \u00e7\u00e0<\/a> \ud83d\ude09 .<\/p>\n<p>Derni\u00e8re pr\u00e9cision, bien que cela me chagrine je suis oblig\u00e9 de dire que seuls les navigateurs r\u00e9cents avec un moteur Gecko ou Webkit seront capable d&#8217;un rendu digne de ce nom de ma d\u00e9mo. C&#8217;est pas ma faute, c&#8217;est les autres navigateurs qui n&#8217;ont pas encore implant\u00e9 l&#8217;un ou l&#8217;autre module ci-dessus cit\u00e9 \ud83d\ude41 .<\/p>\n<p>Mise \u00e0 part de nombreuses techniques int\u00e9ressantes ce que j&#8217;ai surtout retenu c&#8217;est que pour d\u00e9finir plusieurs images en arri\u00e8re plan, il faut toujours partir de l&#8217;image la plus proche de l&#8217;utilisateur vers l&#8217;image la plus \u00e9loign\u00e9 de celui-ci et non l&#8217;inverse. Ce conseil aussi anodin vous sera tr\u00e8s utile lorsque vous essayerez comme moi de comprendre pourquoi vous ne voyez pas votre image \ud83d\ude09 . Et comme dirait l&#8217;autre <a href=\"http:\/\/www.nyamsprod.com\/test\/chaos.html\">that&#8217;s all folks!!<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Attention: Les informations de ce billet sont susceptibles d&#8217;&ecirc;tre obsol&egrave;tes car vieux de plus 2 ans. Warning: The information you are reading may be obsolete, this post was published more than 2 years ago. Pause technique dans mes s\u00e9lections musicales du bled ( dixit lepetitnegre) pour vous faire d\u00e9couvrir ma derni\u00e8re d\u00e9mo r\u00e9alis\u00e9e avec du [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5],"tags":[681,680,140,684,220,683,682,567],"class_list":["post-1770","post","type-post","status-publish","format-standard","hentry","category-web","tag-animation","tag-arriere-plan","tag-css3","tag-demo","tag-gecko","tag-gradients","tag-transition","tag-webkit"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/comments?post=1770"}],"version-history":[{"count":5,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1770\/revisions"}],"predecessor-version":[{"id":1775,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/posts\/1770\/revisions\/1775"}],"wp:attachment":[{"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/media?parent=1770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/categories?post=1770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nyamsprod.com\/blog\/wp-json\/wp\/v2\/tags?post=1770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}