Wersja z animacją i efektami paralażowymi

Pozdrawiam .Oglądałem wideo - przynajmniej opisałem, jak zamierzam zrealizować różne jego części.Oprócz głównej, jak rozumiałem, są inne strony, ale jeszcze ich nie widziałem, więc cena i terminy zostały określone bez uwzględnienia pozostałych stron.Wszystko, co jest pokazane wideo można zrealizować za pomocą standardowych HTML, CSS i JS
1 .Podczas pobierania witryny - dodać trigger do pełnego pobierania strony.Będzie usunąć początkową animację latającego kota i uruchomić animację logo, linków i przycisków
2 .Zastąpienie kursora - standardowe właściwości kursora
3 .Pobierz wideo - Użyj wtyczki na kliknięcie, aby zmienić źródło wideo i automatycznie uruchomić
CzteryRozszerzenie wideo "w środku strony" - połączenie właściwości perspektywy i obrotu wokół osi horyzontalnej
5 .Dla pierwszego slajdu - jeśli liczba slajdu pozostanie stała, można zmniejszyć ich rozmiar w zależności od warstwy i rzadko określić pozycję w kierunku, w jakim zakresie.Również poruszać je w kierunku horyzontalnym w zależności od tego samego warstwy.W przypadku, gdy liczba slajdów zmieni się, trzeba będzie dodatkowo liczyć, jak mocno zmniejszyć każdy slajd i jak daleko odwrócić się od bieżącej pozycji.Ostateczne wyrównanie slajdu można wykonać za pomocą obniżenia wszystkich zmiennych współrzędnych.6.W przypadku drugiego slideru wszystko jest takie samo, z wyjątkiem momentu z szybkim przesyłaniem.Do końca nie wiedziałem, co to jest, ale wyglądało to jak przesuwanie slajdów.W takim przypadku można automatycznie wybrać punkt obrotowy dla każdego slajdu w taki sposób, aby po obrocie 180° slajd znajdował się na swoim nowym miejscu.I oczywiście liczyć na zmianę wielkości slajdu.Dodatkowo poziom odrzucenia nie będzie statyczny, aby nie występowały dziwne sytuacje, gdy najbliższy element, podczas przesuwania lub obrotu, znajdował się za elementem, który jest "dalszy" od użytkownika.
7 ."Wyjazd" bloków wiadomości - zmiana pozycji "zatrudnienia", w tym samym kolorze, jak i tła
8 .Otoczanie wiadomości "obłok" - od koordynatów wydarzeń kierowania kursora liczyć skłonność karty z ustaloną perspektywą.9."Podświetlenie" tekstu - 3 warstwy tekstu: jeden "nie podświetlenie", drugi podświetlenie, ale w niektórych słowach na końcu litery I zamiast zwykłego (wideo jest realizowane dokładnie w ten sposób), trzeci zwykły podświetlenie tekstu.* "Autoduktor" przy skręceniu - zmiana jednej właściwości dla dokumentu i obliczenie odległości skręcania do elementu.

Pokaż oryginał

Przetłumacz

Dobra wiadomość, od czterech lat zajmuję się różnymi tematami. Używałem HTML i CSS, pracowałem wielokrotnie z WordPressem. Tworzę pełną stronę roboczą, realizuję wszystkie niezbędne funkcje, dodam animacje. Mam również doświadczenie w optymalizacji stron internetowych dla urządzeń mobilnych, więc ta praca nie będzie problemem. Cieszę się, że poznaję TZ i zacznę pracować, pisać.

Pokaż oryginał

Przetłumacz

Cześć Eugenie !
Tworzę piękne, nowoczesne i technicznie pisane strony internetowe pod kluczem.

Pracowałem w zespole z 3 osób, robimy: briefing, marketing, mapę witryny na blokach, prototyp, design, warstwę + optymalizację prędkości i SEO.
Wprowadzamy i instalujemy projekt hostingowy.
Jeśli potrzebujesz CMS, integruję się z WordPressem.

Czy istnieją przykłady prac, a daj czy tz?
Cena wynosi około 12k/grn, termin 14 dni.
… Mogę odpowiedzieć dokładnie wtedy, gdy przygotujemy szczegółowe TZ.

Projekty w portfelu: http://task.starcoding.top/portfolio/

Pokaż oryginał

Przetłumacz