{"id":4366,"date":"2011-06-22T12:50:52","date_gmt":"2011-06-22T10:50:52","guid":{"rendered":"http:\/\/flaven.fr\/?p=4366"},"modified":"2011-06-22T12:50:52","modified_gmt":"2011-06-22T10:50:52","slug":"comment-appliquer-un-style-a-une-image","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/06\/comment-appliquer-un-style-a-une-image\/","title":{"rendered":"Comment appliquer un style \u00e0 une image ?"},"content":{"rendered":"<p><!--  3WDOC Studio - Comment appliquer un style \u00e0 une image --><br \/>\n<!--  3WDOC Studio, action, style, CSS, CSS3, button, text, article, SEO, audio, slideshow, photos, image, jQuery, Upload, video, codec, .ogg, .mp4, html5, account, rich media, VIP, cloud, media, domain, tutorial --><\/p>\n<p>Vous allez appliquer un style \u00e0 une image dans votre s\u00e9quence, en utlisant des transitions CSS3. Les param\u00e8tres de style vous permettent de personnaliser la bordure de l&#8217;image, son ombre, les effets de transition etc.  <b>Ce tutoriel vous montre comment personnaliser une image dans votre s\u00e9quence, en utilisant des transitions CSS3.<\/b><\/p>\n<p><!--[he3wdoc::sequence]--><\/p>\n<h4>3WDOC Studio<\/h4>\n<p>Quelques informations \u00e0 propos de 3WDOC Studio\u2026<\/p>\n<blockquote><p>\n3WDOC Studio est un outil polyvalent sp\u00e9cialement con\u00e7u pour cr\u00e9er et d\u00e9livrer en HTML5 vos contenus rich media optimis\u00e9es sur le web. 3WDOC Studio a pour finalit\u00e9 premi\u00e8re de mettre en mouvement des objets et des \u00e9l\u00e9ments Web (texte, photos, vid\u00e9os, arborescence, API, base de donn\u00e9es\u2026) dans la dur\u00e9e pour concevoir donc une narration web. 3WDOC Studio = 3WDOC Player + 3WDOC Editor.\n<\/p><\/blockquote>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/28\/comment-personnaliser-le-style-du-player\/\" target=\"_blank\">Comment personnaliser le style du player ?<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/23\/appliquer-un-style-aux-boutons-dinterface-utilisateur-ui-buttons\/\" target=\"_blank\">Appliquer un style aux boutons d\u2019interface utilisateur (UI buttons)<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/25\/appliquer-un-style-a-un-bouton\/\" target=\"_blank\">Appliquer un style \u00e0 un bouton<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/06\/27\/comment-appliquer-un-style-a-un-article\/\" target=\"_blank\">Comment appliquer un style \u00e0 un article ?<\/a><\/li>\n<li>Tutorial interactif <br \/><a href=\"https:\/\/flaven.fr\/2011\/07\/05\/comment-appliquer-un-style-a-une-sequence\/\" target=\"_blank\">Comment appliquer un style \u00e0 une s\u00e9quence ?<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Vous allez appliquer un style \u00e0 une image dans votre s\u00e9quence, en utlisant des transitions CSS3. Les param\u00e8tres de style vous permettent de personnaliser la&hellip; <\/p>\n<p class=\"text-center\"><a href=\"https:\/\/flaven.fr\/2011\/06\/comment-appliquer-un-style-a-une-image\/\" class=\"more-link\">Continue reading &rarr; <span class=\"screen-reader-text\">Comment appliquer un style \u00e0 une image ?<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Appliquez un style \u00e0 une image avec des transitions CSS3. Personnalisez bordures, ombres et effets dans votre s\u00e9quence gr\u00e2ce \u00e0 3WDOC Studio.","bf_ai_og_title":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3433],"tags":[1023,1122,502,276,325,1152,2200,670,209,2245,1135,2185,285,2190,337,324,347,154,398,44,792,1130,1131,363,1132,2213,1133],"class_list":["post-4366","post","type-post","status-publish","format-standard","hentry","category-3wdoc-tutorials","tag-3wdoc-studio","tag-account","tag-action","tag-article","tag-audio","tag-button","tag-cloud","tag-codec","tag-css","tag-css3","tag-domain","tag-html5","tag-image","tag-jquery","tag-media","tag-mp4","tag-ogg","tag-photos","tag-rich-media","tag-seo","tag-slideshow","tag-style","tag-text","tag-tutorial","tag-upload","tag-video","tag-vip"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-18q","jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/4366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=4366"}],"version-history":[{"count":0,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/4366\/revisions"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=4366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=4366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=4366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}