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ń: 68)
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 2404 10.06.2018, 14:40
Ostatni post: raxer
  Pytanie - 12 lat html,css ivall 1 8458 21.10.2017, 22:40
Ostatni post: Ajgor
  CSS nie wczytuje się prawidłowo Ahmi 4 9105 20.06.2017, 17:45
Ostatni post: insanebear

Skocz do:


Wybrane wątki (A propo scalania kilku efektów , warstw graficznych w CSS)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Problem z wyświetlaniem się treści <iframe> na stronach www. proohno 2 1723 24.06.2021 17:19
Ostatni post: proohno
  jak założyć stronę www za darmo benek34 8 5786 25.05.2021 13:48
Ostatni post: damiano86
  Monitorowanie fraz benek34 1 2796 28.04.2021 14:53
Ostatni post: Talcia
  popup wordpress w zależności od podstrony Jarek1104 0 4291 24.02.2021 12:39
Ostatni post: Jarek1104
  Strona jako hiperłącze w WordPressie Nejji 2 5465 30.01.2021 02:17
Ostatni post: asiamanicure
  Jaki najlepszy cms pod kątem strony www Menast 9 10656 29.12.2020 12:40
Ostatni post: Ajgor
  Problem w CSS3: Popularne kody nie przyciągają elementów w pozycji pionowej wewnątrz proohno 1 6679 13.12.2020 16:42
Ostatni post: dzikuu86
  Wygenerowanie zakresu liczb w bazie danych MySQL shaker 1 7314 24.11.2020 00:30
Ostatni post: wlisik
Ściana Skrypt PHP potrzebna pomoc :c InkFlame 0 5828 23.11.2020 14:17
Ostatni post: InkFlame
  Blokada print screen na stronie www newman 1 7856 07.10.2020 22:50
Ostatni post: Ajgor
  Platforma do stworzenia strony internetowej "Klub absolwenta" karlos1323 5 8920 13.08.2020 11:26
Ostatni post: Ajgor
  Hosting dla ~1000 kont mailowych karlos1323 1 10735 27.04.2020 15:33
Ostatni post: geekboy68k
Sad Dodawanie komentarzy na WWW Samek2222 9 13386 01.04.2020 19:17
Ostatni post: koneton
  Zbyt szybki spadek pojemności serwera gentleman 5 12806 05.03.2020 15:28
Ostatni post: Pentium4320
  Darmowe artykuły do przedruku? Alsenas 3 13624 03.03.2020 15:38
Ostatni post: takecare