Popover 3: Animer popoveren

Opgavebeskrivelse

Tilføj transition og allow-discrete til popoveren, og lav en simpel åbneanimation ved hjælp af @starting-style.

 
   
 
 
 
    
 
 Preview 
 
      
 
    
  
 
Hints
[popover] {
  transition: 0.3s allow-discrete;
  opacity: 0;
  /* Overgang ved åben/lukket */
  /* fx scale el. */
}

[popover]:popover-open {
  opacity: 1;
  /* Styles i åben tilstand */
  /* scale el. */
}

@starting-style {
  [popover]:popover-open {
    opacity: 0;
    /* Start for åbneanimation */
    /* fx scale el. */
  }
}
 
 
   
 

  
Zombieudbrud rammer europa

  
Læs mere om denne vigtige nyhed.

  

  
  

    
    
Zombieudbrud rammer europas storbyer – myndigheder i kollaps

    
    Nyhedsbillede
    

      Kaos har brudt ud i flere europæiske storbyer i dag, efter et ukendt virus er blevet bekræftet som årsagen til en række voldelige hændelser og uforklarlige dødsfald. Ifølge anonyme kilder i WHO viser de smittede tegn på ekstrem
      aggressivitet, total smerteresistens og manglende højere kognitiv funktion – samt en uforklarlig trang til at angribe og bide andre mennesker.
    

    

      Først rapporteret i det sydlige Tyskland tidligt i morges, har smitte nu spredt sig til København, Paris, Milano og Warszawa. Lufttrafik er blevet lukket i store dele af Europa, og grænserne er under undtagelsestilstand. Politiet
      advarer mod at forlade hjemmet.
    

    
I København meldes der om omfattende panik, plyndringer og brande. Militæret er sat ind, men meldinger om desertering og kommunikationsnedbrud skaber tvivl om kontrollens opretholdelse.

    
Regeringen udtaler: Vi har endnu ikke overblik over smittens oprindelse eller rækkevidde. Borgerne opfordres til at blive indendørs og undgå kontakt med angrebslystne individer.

    
Overlevende strømmer til landlige områder, mens internettet langsomt lukker ned. Verdens øjne er rettet mod Europa – og mørket.