Differences

This shows you the differences between two versions of the page.

--- webbutv_10 [2012-12-05 11:04]
Daniel Viström
+++ webbutv_10 [2017-11-08 19:58]
Joakim Forsgren
@@ Line 3: / Line 3: @@
 Du ska skapa ett fotogalleri med bilder som ser ut att ligga utslängda på en yta. När muspekaren hålls över en bild eller om man "tabbat" till den så ska bild och bildtext förstoras.
-{{:galleri.png?600|}}
+Exempel, den andra bilden har man fört musen över en bild.\\
+{{:fotogalleri.jpg?400|}}
+{{:fotogalleri_hover.jpg?400|}}\\
+[[https://youtu.be/qMea0sbIWq0|Exempel]]
 Krav på uppgiften:
   * Bildtexten ska ligga som värde på attributet ”title” på lämplig tag och inte i en separat tagg.
-  * Under respektive bild ska bildtexten synas.
+  * Under respektive bild ska bildtexten synas. (man kan inte plocka  pseudo elements från bilder...)
   * Ett externt typsnitt ska laddas in och användas till texten under bilderna.
   * När muspekaren hålls över en bild ska den och bildtexten förstoras (För högre betyg:  Använd en pålagd övergång, transition).
@@ Line 17: / Line 20: @@
   * :after
   * :hover
+  * :focus
   * :nth-child
   * attr()
@@ Line 25: / Line 29: @@
   * z-index
   * font-family
+  * font-face
 Tips:
@@ Line 37: / Line 42: @@
   * I övrigt får du utforma sidan som du vill.
   * Validera HTML5-koden och CSS-koden innan du skickar in.