Zen2cool Ideen für das Website-Design Wie man etwas Leben in die / Tips How to put some life in the background images
Verfasst: Mo 28. Dez 2020, 11:09
How to put some life in the background images
How to put some life simply in a common background image for all your blocks ...
If you pay attention, the background image will color when you scroll through your website.
Nothing could be simpler, you just have to duplicate your image and then insert it in your different blocks.
--------------------------------------------------------------------------------------------------------------------------------------------
Wie Sie einfach etwas Leben in ein gemeinsames Hintergrundbild für alle Ihre Blöcke bringen ...
Wenn Sie aufpassen, färbt sich das Hintergrundbild, wenn Sie durch Ihre Website scrollen.
Nichts könnte einfacher sein, Sie müssen nur Ihr Bild duplizieren und es dann in Ihre verschiedenen Blöcke einfügen.
--------------------------------------------------------------------------------------------------------------------------------------------
Start-Image
modifiziertes Image
Then with the code editor you have to modify this and remove the paralax in the options
Dann müssen Sie dies mit dem Code-Editor ändern und den Paralax in den Optionen entfernen
The result
How to put some life simply in a common background image for all your blocks ...
If you pay attention, the background image will color when you scroll through your website.
Nothing could be simpler, you just have to duplicate your image and then insert it in your different blocks.
--------------------------------------------------------------------------------------------------------------------------------------------
Wie Sie einfach etwas Leben in ein gemeinsames Hintergrundbild für alle Ihre Blöcke bringen ...
Wenn Sie aufpassen, färbt sich das Hintergrundbild, wenn Sie durch Ihre Website scrollen.
Nichts könnte einfacher sein, Sie müssen nur Ihr Bild duplizieren und es dann in Ihre verschiedenen Blöcke einfügen.
--------------------------------------------------------------------------------------------------------------------------------------------
Start-Image
modifiziertes Image
Then with the code editor you have to modify this and remove the paralax in the options
Dann müssen Sie dies mit dem Code-Editor ändern und den Paralax in den Optionen entfernen
Code: Alles auswählen
& when (@bg-type = 'image') {
background-image: url(@bg-value);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
}