Hintergrundbild
bearbeitet von Matthias ScharwiesServus!
> Hey,
> auf der Seite [qwellcode](http://qwellcode.de/) fand ich die Idee mit dem Hintergrund interessant.
interessant ist vielleicht wirklich das richtige Wort!
>Jetzt aber ohne Canvas(denke, dass es das ist^^).
Ja, habe bestimmt 2 min gebraucht, um mich mit dem Seiteninspektor bis zur passenden Stelle durchzukämpfen:
~~~HTML
<aside class="intro">
<img src="images/backgrounds/references_placeholder.jpg" alt="Qwellcodes berühmtes Jeff-Hintergrundbild" data-segment="references">
</aside>
~~~
wird per JS durch ein canvas-Element ersetzt:
~~~HTML
<canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="1834" height="910"></canvas>
~~~
> Wie ist das ganze zu lösen?
Na ja, mit canvas und viel JavaScript. Braucht's des?
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}
Hintergrundbild
bearbeitet von Matthias ScharwiesServus!
> Hey,
> auf der Seite [qwellcode](http://qwellcode.de/) fand ich die Idee mit dem Hintergrund interessant.
interessant ist vieelicht wirklich das richtige Wort!
>Jetzt aber ohne Canvas(denke, dass es das ist^^).
Ja, habe bestimmt 2 min gebraucht, um mich mit dem Seiteninspektor bis zur passenden Stelle durchzukämpfen:
~~~HTML
<aside class="intro">
<img src="images/backgrounds/references_placeholder.jpg" alt="Qwellcodes berühmtes Jeff-Hintergrundbild" data-segment="references">
</aside>
~~~
wird per JS durch ein canvas-Element ersetzt:
~~~HTML
<canvas class="particles-js-canvas-el" style="width: 100%; height: 100%;" width="1834" height="910"></canvas>
~~~
> Wie ist das ganze zu lösen?
Na ja, mit canvas und viel JavaScript. Braucht's des?
Herzliche Grüße
Matthias Scharwies
--
Es gibt viel zu tun:
*[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}