w3schools

Portfolio (Image Grid layout) https://www.w3schools.com/howto/howto_js_image_grid.asp

• Example:

https://tale.violaine.xyz/35mm/vienna

---

Horizontal Scrollable Image Gallery https://www.w3schools.com/howto/howto_css_image_gallery_scroll.asp

• Example:
  
  https://tale.violaine.xyz/sweet-haze/hbd-to-robert-smith

---

Image Map https://www.w3schools.com/html/html_images_imagemap.asp

• Example: https://tale.violaine.xyz/sin-e/jeff-bootleg-map

---

HTML Colours – 140 standard color names https://www.w3schools.com/colors/colors_names.asp

Opacity on hover

img:hover {
  filter: opacity(70%);
}

Change cursor (smaller than 50px)

{
cursor: url(XXX.png), auto !important;
}

Code block markup

• html

<pre><code class="language-css">
</pre></code>

• markdown

段落（的前一行和最後一行，用三個反引號 ``` 包裹著）

``` 第一行後面寫html/css