{"id":33741,"date":"2022-09-27T09:05:00","date_gmt":"2022-09-27T07:05:00","guid":{"rendered":"https:\/\/www.strato.nl\/blog\/?p=33741"},"modified":"2025-01-08T10:49:06","modified_gmt":"2025-01-08T09:49:06","slug":"webdesign-css-als-alternatief-voor-achtergrondafbeeldingen","status":"publish","type":"post","link":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/","title":{"rendered":"Webdesign: CSS als alternatief voor achtergrondafbeeldingen"},"content":{"rendered":"\n<p><strong>Met CSS kan je met \u00e9\u00e9n regeltje code kleurovergangen maken, waarmee je knoppen, kaders of je hele website kunt verfraaien.<\/strong><\/p>\n\n\n\n<p>Achtergrondafbeeldingen met een kleurovergang waren een populaire manier om een eigen draai aan het ontwerp van websites te geven. Dankzij CSS3 zijn afbeeldingen met kleurovergangen niet langer nodig en kun je ze vervangen door een regel code. <\/p>\n\n\n\n<p>Zulke kleurovergangen kun je bovendien op knoppen, vakken en andere elementen toepassen, en zo je hele website een eigen look geven. Browserondersteuning is uitstekend: alle gangbare browsers ondersteunen deze stijloptie. <\/p>\n\n\n\n<p>Hier is een eenvoudig voorbeeld. We voegen de volgende regel code toe aan het CSS-bestand:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">.citaatbox {\n    background-image: linear-gradient(135deg, #fff886 10%, #f072b6 100%);\n}<\/pre>\n\n\n\n<p>Dat levert de volgende achtergrond in een box op, die doet denken aan een zonsondergang:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"778\" height=\"380\" src=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/css-kleurovergang-zonsondergang.png\" alt=\"\" class=\"wp-image-33744\" srcset=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/css-kleurovergang-zonsondergang.png 778w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/css-kleurovergang-zonsondergang-300x147.png 300w, https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/css-kleurovergang-zonsondergang-768x375.png 768w\" sizes=\"auto, (max-width: 778px) 100vw, 778px\" \/><\/figure>\n\n\n\n<p>Laten we de code <code data-enlighter-language=\"generic\" class=\"EnlighterJSRAW\">linear-gradient (135deg, #fff886 10%, #f072b6 100%)<\/code> eens nader bekijken. <code>linear-gradient<\/code> is de naam van de CSS-eigenschap en is goed gedocumenteerd, ook in <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/gradient\/linear-gradient\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">MDN Web Docs<\/a>. Met de eerste waarde <code>135deg<\/code> bepaal je de richting of de invalshoek van het kleurverloop. In ons voorbeeld is dat 135\u00b0. Met de tweede waarde <code>#fff886<\/code> <code>10%<\/code> bepaal je enerzijds de startkleur en anderzijds hoe intens of overheersend deze kleur is ten opzichte van de andere. Met de derde waarde <code>#f072b6 100%<\/code> bepaal je de eindkleur en hoe die in verhouding staat tot de tegenkleur.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-kleurovergangen-kant-en-klaar\">Kleurovergangen kant en klaar<\/h2>\n\n\n\n<p>Maak je geen zorgen. Als CSS nieuw voor je is of als je wat inspiratie nodig hebt, kun je eens naar de volgende collecties en generatoren kijken:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/webkul.github.io\/coolhue\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Gradient Colors Collection Palette \u2013 CoolHue 2.0<\/a>: hier vind je een grote verzameling kant-en-klare CSS-kleurovergangen. Je kunt de CSS-code of een afbeelding downloaden.<\/li>\n\n\n\n<li><a href=\"https:\/\/uigradients.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">uiGradients<\/a>: nog een verzameling kant-en-klare verlopen. Je kunt hier ook de relevante CSS-code of afbeelding downloaden.<\/li>\n\n\n\n<li><a href=\"https:\/\/www.cssmatic.com\/gradient-generator#'\\-moz\\-linear\\-gradient\\%28left\\%2C\\%20rgba\\%28248\\%2C80\\%2C50\\%2C1\\%29\\%200\\%25\\%2C\\%20rgba\\%28241\\%2C111\\%2C92\\%2C1\\%29\\%2050\\%25\\%2C\\%20rgba\\%28246\\%2C41\\%2C12\\%2C1\\%29\\%2051\\%25\\%2C\\%20rgba\\%28240\\%2C47\\%2C23\\%2C1\\%29\\%2071\\%25\\%2C\\%20rgba\\%28231\\%2C56\\%2C39\\%2C1\\%29\\%20100\\%25\\%29\\%3B'\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Gradient Generator<\/a>: Een generator waarmee je je eigen kleurovergangen kunt genereren. Er wordt CSS-code geproduceerd, die je in je project kunt gebruiken.<\/li>\n\n\n\n<li><a href=\"https:\/\/angrytools.com\/gradient\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Online Gradient Generator<\/a>: nog een CSS-generator voor kleurverlopen.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-css-kleurovergangen-versus-achtergrondafbeeldingen\">CSS-kleurovergangen versus achtergrondafbeeldingen<\/h2>\n\n\n\n<p>CSS-verlopen hebben een aantal voordelen ten opzichte van achtergrondafbeeldingen:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Om zo&#8217;n overgang te maken en te bewerken, heb je alleen een eenvoudige code- of teksteditor nodig. Een grafisch programma zoals Photoshop is niet nodig.<\/li>\n\n\n\n<li>Een afbeelding heeft een bestandsgrootte en dit moet niet worden onderschat als het gaat om fijne gradi\u00ebnten. In het bovenstaande voorbeeld is de afbeelding van de zonsondergangachtergrond meer dan 11 kb. De code daarentegen neemt slechts een paar bytes in beslag en kan gemakkelijk een kleiner of groter gebied omspannen.<\/li>\n\n\n\n<li>De voorbeeldachtergrondafbeelding is beperkt in grootte en kan daarom alleen voor bepaalde elementen in aanmerking. Er is een nieuwe afbeelding nodig voor kleinere boxes of grotere gebieden. De CSS-code past zich automatisch aan.<\/li>\n\n\n\n<li>Een extra afbeelding veroorzaakt meestal een extra oproep (http-verzoek) wanneer de website wordt geladen. Als een website veel afzonderlijke componenten heeft, kan dit het laden van de website vertragen. De code in het CSS-bestand is hier niet belangrijk, omdat het CSS-bestand slechts \u00e9\u00e9n oproep genereert, ongeacht hoeveel overgangen daarin zijn gedefinieerd.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-maak-je-eigen-website\"><strong>Maak je eigen website<\/strong><\/h2>\n\n\n\n<p>Wil je zelf met CSS aan de slag? Kijk dan welk hostingpakket het beste bij je past:<\/p>\n\n\n<a href=\"https:\/\/www.strato.nl\/hosting\/?utm_source=Blogartikel&#038;utm_medium=Blogartikel&#038;utm_campaign=CSS-deel-1&#038;campaign=strato.nl\/blog\/Artikel\/CSS-deel-1&#038;swtssa=nedsc0000000000000000tffc\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"btn btn-strato-blue strato-c2a\">Naar de STRATO hostingpakketten<\/a>","protected":false},"excerpt":{"rendered":"<p>Kleurovergang door middel van CSS<\/p>\n","protected":false},"author":39,"featured_media":33750,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[415],"tags":[328,460,163],"class_list":["post-33741","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-fotos","tag-css","tag-website"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>CSS als alternatief voor achtergrondafbeeldingen - STRATO blogt<\/title>\n<meta name=\"description\" content=\"Met CSS kan je met \u00e9\u00e9n regeltje code kleurovergangen maken, waarmee je knoppen, kaders of je hele website kunt verfraaien.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSS als alternatief voor achtergrondafbeeldingen - STRATO blogt\" \/>\n<meta property=\"og:description\" content=\"Met CSS kan je met \u00e9\u00e9n regeltje code kleurovergangen maken, waarmee je knoppen, kaders of je hele website kunt verfraaien.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO blogt\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-27T07:05:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-08T09:49:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vladimir Simovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vladimir Simovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/\"},\"author\":{\"name\":\"Vladimir Simovi\u0107\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a\"},\"headline\":\"Webdesign: CSS als alternatief voor achtergrondafbeeldingen\",\"datePublished\":\"2022-09-27T07:05:00+00:00\",\"dateModified\":\"2025-01-08T09:49:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/\"},\"wordCount\":495,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg\",\"keywords\":[\"Afbeeldingen\",\"CSS\",\"Website\"],\"articleSection\":[\"WordPress\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/\",\"name\":\"CSS als alternatief voor achtergrondafbeeldingen - STRATO blogt\",\"isPartOf\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg\",\"datePublished\":\"2022-09-27T07:05:00+00:00\",\"dateModified\":\"2025-01-08T09:49:06+00:00\",\"description\":\"Met CSS kan je met \u00e9\u00e9n regeltje code kleurovergangen maken, waarmee je knoppen, kaders of je hele website kunt verfraaien.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg\",\"width\":728,\"height\":410},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.strato.nl\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign: CSS als alternatief voor achtergrondafbeeldingen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#website\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"name\":\"STRATO blogt\",\"description\":\"Nieuws en tips over webhosting!\",\"publisher\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.strato.nl\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#organization\",\"name\":\"STRATO blogt\",\"url\":\"https:\/\/www.strato.nl\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png\",\"width\":259,\"height\":42,\"caption\":\"STRATO blogt\"},\"image\":{\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a\",\"name\":\"Vladimir Simovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg\",\"contentUrl\":\"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg\",\"caption\":\"Vladimir Simovi\u0107\"},\"description\":\"Vladimir Simovi\u0107 setzt seit 2000 mit HTML &amp; CSS und seit 2004 mit WordPress Website-Projekte um. Seit Januar 2004 hat er als einer der ersten Blogger im deutschsprachigen Raum zu den WordPress Anf\u00e4ngen Tipps und Tricks ver\u00f6ffentlicht. Seit April 2022 ist er als Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich und verfasst Informationsartikel insbesondere zu WordPress Themen. Im Laufe der Jahre hat er Fachb\u00fccher sowie \u00fcber 60 Fachartikel publiziert und weit \u00fcber hundert WordPress Projekte betreut und umgesetzt. Aktuell besch\u00e4ftigt er sich mit dem Einsatz von KI im Content-Marketing.\",\"sameAs\":[\"https:\/\/www.vladimir-simovic.de\"],\"url\":\"https:\/\/www.strato.nl\/blog\/author\/vladimir-simovic\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS als alternatief voor achtergrondafbeeldingen - STRATO blogt","description":"Met CSS kan je met \u00e9\u00e9n regeltje code kleurovergangen maken, waarmee je knoppen, kaders of je hele website kunt verfraaien.","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:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/","og_locale":"nl_NL","og_type":"article","og_title":"CSS als alternatief voor achtergrondafbeeldingen - STRATO blogt","og_description":"Met CSS kan je met \u00e9\u00e9n regeltje code kleurovergangen maken, waarmee je knoppen, kaders of je hele website kunt verfraaien.","og_url":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/","og_site_name":"STRATO blogt","article_published_time":"2022-09-27T07:05:00+00:00","article_modified_time":"2025-01-08T09:49:06+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg","type":"image\/jpeg"}],"author":"Vladimir Simovi\u0107","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Vladimir Simovi\u0107","Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#article","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/"},"author":{"name":"Vladimir Simovi\u0107","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a"},"headline":"Webdesign: CSS als alternatief voor achtergrondafbeeldingen","datePublished":"2022-09-27T07:05:00+00:00","dateModified":"2025-01-08T09:49:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/"},"wordCount":495,"commentCount":0,"publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg","keywords":["Afbeeldingen","CSS","Website"],"articleSection":["WordPress"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/","url":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/","name":"CSS als alternatief voor achtergrondafbeeldingen - STRATO blogt","isPartOf":{"@id":"https:\/\/www.strato.nl\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage"},"thumbnailUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg","datePublished":"2022-09-27T07:05:00+00:00","dateModified":"2025-01-08T09:49:06+00:00","description":"Met CSS kan je met \u00e9\u00e9n regeltje code kleurovergangen maken, waarmee je knoppen, kaders of je hele website kunt verfraaien.","breadcrumb":{"@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#primaryimage","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/09\/webdesign-css-overgangen.jpg","width":728,"height":410},{"@type":"BreadcrumbList","@id":"https:\/\/www.strato.nl\/blog\/webdesign-css-als-alternatief-voor-achtergrondafbeeldingen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.strato.nl\/blog\/"},{"@type":"ListItem","position":2,"name":"Webdesign: CSS als alternatief voor achtergrondafbeeldingen"}]},{"@type":"WebSite","@id":"https:\/\/www.strato.nl\/blog\/#website","url":"https:\/\/www.strato.nl\/blog\/","name":"STRATO blogt","description":"Nieuws en tips over webhosting!","publisher":{"@id":"https:\/\/www.strato.nl\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.strato.nl\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.strato.nl\/blog\/#organization","name":"STRATO blogt","url":"https:\/\/www.strato.nl\/blog\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2019\/11\/strato_signet_blogt_nl_wei\u00df.png","width":259,"height":42,"caption":"STRATO blogt"},"image":{"@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/1751e1e82c517dda5bf5ef8b96a3680a","name":"Vladimir Simovi\u0107","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.strato.nl\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg","contentUrl":"https:\/\/www.strato.nl\/blog\/wp-content\/uploads\/sites\/2\/2022\/04\/vladimir-simovic-strato-blog-96x96.jpg","caption":"Vladimir Simovi\u0107"},"description":"Vladimir Simovi\u0107 setzt seit 2000 mit HTML &amp; CSS und seit 2004 mit WordPress Website-Projekte um. Seit Januar 2004 hat er als einer der ersten Blogger im deutschsprachigen Raum zu den WordPress Anf\u00e4ngen Tipps und Tricks ver\u00f6ffentlicht. Seit April 2022 ist er als Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich und verfasst Informationsartikel insbesondere zu WordPress Themen. Im Laufe der Jahre hat er Fachb\u00fccher sowie \u00fcber 60 Fachartikel publiziert und weit \u00fcber hundert WordPress Projekte betreut und umgesetzt. Aktuell besch\u00e4ftigt er sich mit dem Einsatz von KI im Content-Marketing.","sameAs":["https:\/\/www.vladimir-simovic.de"],"url":"https:\/\/www.strato.nl\/blog\/author\/vladimir-simovic\/"}]}},"_links":{"self":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/33741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/users\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/comments?post=33741"}],"version-history":[{"count":22,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/33741\/revisions"}],"predecessor-version":[{"id":37449,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/posts\/33741\/revisions\/37449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media\/33750"}],"wp:attachment":[{"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/media?parent=33741"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/categories?post=33741"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.strato.nl\/blog\/wp-json\/wp\/v2\/tags?post=33741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}