---
title: "Alla länkar fadas in och ut riktigt snyggt"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/189672-alla-länkar-fadas-in-och-ut-riktigt-snyggt"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "bikic"
published: "2012-04-26T12:16:38.000Z"
updated: "2012-04-26T13:40:04.000Z"
replies: 7
views: 532
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/189672-alla-länkar-fadas-in-och-ut-riktigt-snyggt"
---

# Alla länkar fadas in och ut riktigt snyggt

## #1 — bikic, 2012-04-26T12:16Z

Hej!

Om ni tittar på följande länk så ser ni att alla länkar fadas in ocu ut, riktigt snyggt dessutom. Jag har försökt gå igenom källkoden men hittar inte det som kan göra det möjligt.

Någon som har tips, förslag är ren kod som kan lösa detta.

<http://demo.samuli.me/wp/smartstart/elements/>

Permalänk: https://www.webforum.nu/p/189672

## #2 — voigtann1, 2012-04-26T12:50Z

jquery ui har animation på css klasser som du kan byta färger på bakgrundsbilder annars kan du ju göra det med CSS3 transition

Permalänk: https://www.webforum.nu/p/2297907

## #3 — Web-Tor, 2012-04-26T12:54Z

Jag vet inte vilka länkar det är du tänker på men sidan använder [jQuery](http://jquery.com/) så det är troligtvis funktioner därifrån.

/r God tvåa

Permalänk: https://www.webforum.nu/p/2297909

## #4 — voigtann1, 2012-04-26T12:57Z

> **[Web-Tor skrev:](https://www.webforum.nu/p/1550027)**
>
> Jag vet inte vilka länkar det är du tänker på men sidan använder [jQuery](http://jquery.com/) så det är troligtvis funktioner därifrån.
> 
> /r God tvåa

jag gissar att det var de knapparna nere i höger hörn (orange)

ser du CSS koden så är det transions på deras kod:

```
-moz-transition: background-color 0.2s ease 0s
```

(Firefox+firebug)

Permalänk: https://www.webforum.nu/p/2297910

## #5 — bikic, 2012-04-26T13:02Z

Tackar!

Är det någon av er som vet vad modernizr gör?

Permalänk: https://www.webforum.nu/p/2297911

## #6 — voigtann1, 2012-04-26T13:09Z

Ja, den kollar vilka möjligheter webbläsaren besökaren har (och du kan sätta CSS block för att rikta in dig på vad som händer om du har stöd för det) + du kan kolla med js och inkludera shivs/polyfills för funktioner som inte stöds av webbläsaren som en besökare är på (exempelvis placeholder, history osv)

Permalänk: https://www.webforum.nu/p/2297912

## #7 — bikic, 2012-04-26T13:12Z

Det var överkurs, tack! ;)

Permalänk: https://www.webforum.nu/p/2297913

## #8 — voigtann1, 2012-04-26T13:40Z

Vi kan ju ta transions som exempel, om webbläsaren inte har stöd för det så skulle du kunna ladda in jquery ui och fixar det med JS (även om jquery ui är liiite onödigt stort för att bara lösa transions på bakgrunden)

Permalänk: https://www.webforum.nu/p/2297918

---

Tråden på webben: https://www.webforum.nu/amne/javascript/189672-alla-länkar-fadas-in-och-ut-riktigt-snyggt
