FurtiveDuck
Legacy Member
Dag iedereen,
Ik ben momenteel bezig met een ontwerp voor een website voor een schoenenwinkel. Bij het omzetten naar HTML & CSS stuit ik, zoals gewoonlijk bij mij, op een probleem dat ik niet onmiddellijk kan oplossen. Het is dan ook al een tijdje geleden dat ik echt codeerwerk heb moeten verrichten en ben dan ook totaal niet mee met CSS3.
Op het internet kan je tal van websites vinden die een radial gradient of dergelijke gebruiken om wat diepte te creeëren. Nu, dit wil ik ook doen en heb het al enkele keren geprobeerd maar ik bereik nooit het gewenste resultaat.
Even concreet. Ik heb dus een achtergrond met een pattern dat de volledige webpagina beslaat. Als je de pagina uitrekt of kleiner maakt vult alles zich mooi op. Echter heb ik achter de header een radial gradient met blending mode "overlay" die de achtergrond met pattern deels verlicht. Enkel rond de header, maar toch wel een groot deel. De simpelste oplossing is natuurlijk om van het deel die de gradient beslaat één grote afbeelding te maken, maar dan komt het andere deel van de achtergrond niet netjes uit met het deel rond de header en vice versa. Als je de website dan verder uitrekt krijg je hier en daar nog eens een half stuk pattern die vanachter de grote afbeelding tevoorschijn komt, je snapt het wel.
Hoe kan ik dit het best oplossen?
Ik ben momenteel bezig met een ontwerp voor een website voor een schoenenwinkel. Bij het omzetten naar HTML & CSS stuit ik, zoals gewoonlijk bij mij, op een probleem dat ik niet onmiddellijk kan oplossen. Het is dan ook al een tijdje geleden dat ik echt codeerwerk heb moeten verrichten en ben dan ook totaal niet mee met CSS3.
Op het internet kan je tal van websites vinden die een radial gradient of dergelijke gebruiken om wat diepte te creeëren. Nu, dit wil ik ook doen en heb het al enkele keren geprobeerd maar ik bereik nooit het gewenste resultaat.
Even concreet. Ik heb dus een achtergrond met een pattern dat de volledige webpagina beslaat. Als je de pagina uitrekt of kleiner maakt vult alles zich mooi op. Echter heb ik achter de header een radial gradient met blending mode "overlay" die de achtergrond met pattern deels verlicht. Enkel rond de header, maar toch wel een groot deel. De simpelste oplossing is natuurlijk om van het deel die de gradient beslaat één grote afbeelding te maken, maar dan komt het andere deel van de achtergrond niet netjes uit met het deel rond de header en vice versa. Als je de website dan verder uitrekt krijg je hier en daar nog eens een half stuk pattern die vanachter de grote afbeelding tevoorschijn komt, je snapt het wel.
Hoe kan ik dit het best oplossen?
)