> For the complete documentation index, see [llms.txt](https://kim-garrard.gitbook.io/design-rationale/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kim-garrard.gitbook.io/design-rationale/4.-eindresultaat/coderen.md).

# Coderen

Ik heb een klein stukje van TOFGROF met code geschreven [*<mark style="color:green;">**(PB - Coderen)**</mark>*](https://kim-garrard.gitbook.io/product-biografie/eindresultaat/coderen), om meer het 'echte' gevoel te geven en gebruik te maken van micro-animaties.&#x20;

{% embed url="<https://kimgarrard.github.io/tofgrof/index.html>" %}
**Link naar site**
{% endembed %}

Wat ik heb gecodeerd:

* Cijfers bovenaan geanimeerd;
* Illustraties bewegen langzaam;
* Zoekmelding animatie;
* Verf streep geanimeerd als je hovert;
* Illustraties bovenaan verdwijnen, content ook;
* Hartje / favoriet maken.

![](/files/kOYoFUdRARqz9uTTpfdV)