Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

A propo scalania kilku efektów , warstw graficznych w CSS

#1
A propo scalania kilku efektów , warstw graficznych w CSS
Próbuje od kilku dni uzyskać niestandardowy efekt graficzny złożony


Na pierwszy rzut oka
1. Z nałożonego półprzezroczystego pełnowymiarowego gradientu na obraz
2. Obraz główny z modyfikowanymi filtrami np. czarno-biały
3. Metaliczna/kolorowa ramka (otoczka) w wokół obrazka >>> lekko przezroczysta(?gradientowa bądź ?obrazkowa) 

Tuż po wskazaniu kursora (1 ruch):
1. Po efekcie muśnięcia/błysku ramki następuje efekt skalowania:
2. Gradient płynnie wtapia się w tło
3. Obraz staje się kolorowy,
4. Wraca do stanu początkowego

Niestety, nie pamiętam strony na której w ten sposób przedstawiano galerię obrazkową, by móc może skopiować choć jedną linię kodu
Posłużyłem się standardowymi kodami, ale działanie jest skokowe po wykonaniu 3/4 ruchów (zależy od kierunku wskazania), zaś  po zastosowaniu gradientu o pełnych wymiarach  blokuje zmianę koloru obrazka
Kombinuję i kombinuje aż się pogubiłem :<

Co sądzicie o takim, podobnym lub innym schemacie oraz szatach graficznych na stronach www?
Moglibyście wskazać błędy w kodzie niżej albo rzucić własnymi propozycjami?

Dzięki za odpowiedź


Załączone pliki
.zip   e.zip (Rozmiar: 1,35 KB / Pobrań: 71)
Na początku była nicość otulona krystaliczną czernią. Cisza i spokój, których teraz Nam brakuje. Szukamy tajemniczej mocy dającej nam możliwość odkrywania naszych pragnień i zdolności optymistycznego patrzenia w przyszłość...
http://venom-mystique.cba.pl/ - Strona oficjalna, wewnątrz adresy pozostałych projektów.
 System operacyjny: windows_seven Przeglądarka: chrome
Programy: Polecane / Nowe / Inne




Podobne wątki (A propo scalania kilku efektów , warstw graficznych w CSS)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 2459 10.06.2018, 14:40
Ostatni post: raxer
  Pytanie - 12 lat html,css ivall 1 8733 21.10.2017, 22:40
Ostatni post: Ajgor
  CSS nie wczytuje się prawidłowo Ahmi 4 9376 20.06.2017, 17:45
Ostatni post: insanebear

Skocz do: