Cześć,
mam problem aby zrobić coś a la koncentryczny gradient ale uwaga - nie kołowy, lecz prostokątny. Jak wiadomo prostokąt ma różnie oddalone boki od jego środka, co mocno utrudniło mi sprawę. Może pokażę co chcę osiągnąć:

Obrazek powyżej to efekt moich zmagań z tutorialem
Projektowanie detali w webdesignie. Chciałbym taki pasek - z tą linią pośrodku lub bez - zwinąć w prostokąt. Niestety nie mam pomysłu jak zrobić równomierny gradient. Spójrzcie na moje próby:

Podzieliłem prostokątną ramkę na 8 kawałków - 4 krawędzie i 4 wierzchołki. Ustawianie gradientu na tych pierwszych to banał, problem jest z rogami. Na początku przy wszystkich ustawiałem gradient promienisty. Niestety mocno się on wyróżniał o tych na krawędziach. Dlatego w górnym lewym rogu spróbowałem z liniowym. Jest lepiej, ale chciałbym jakoś to zrobić inaczej, jako całość. Da się?
P.S: Na obrazku 2 biały gradient ma ustawione krycie na 100% aby pokazać różnice. Jak się zmniejszy to się trochę zacierają, ale jednak pozostają.