Witamy na forum PC Format Zapraszamy do REJESTRACJI


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

CSS nie wczytuje się prawidłowo

#1
CSS nie wczytuje się prawidłowo
Witam, gdy wgrywam stronę z animacją napisaną w CSS to nie wczytuje się poprawnie. Ktoś wie o co chodzi?

Tak ma wyglądać poprawnie (to edytor):
https://snag.gy/IL42lJ.jpg

A tak wygląda po wgraniu na stronę:
https://snag.gy/mvHRxW.jpg

Mam coś dopisać do HTMLu? Jestem nieco cofnięty o kilka lat w zakresie tworzenia stron, nie znam się na nowych technologiach typu Bootstrap.
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#2
RE: CSS nie wczytuje się prawidłowo
Ten CSS to nie jest zwykły CSS tylko SCSS. Jeżeli skopiowałeś jak leci to nie zadziała. Spróbuj z tym:

Kod:
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300);
body {
 background: #f1f1f1;
 font-family: 'Roboto', sans-serif;
}

.loading-bro {
 margin: 50px auto;
 width: 150px;
}
.loading-bro > h1 {
 text-align: center;
 font-size: 2.5em;
 margin-bottom: 1em;
 font-weight: 300;
 color: #8E8E8E;
}

#load {
 width: 150px;
 animation: loading 3s linear infinite;
}
#load #loading-inner {
 stroke-dashoffset: 0;
 stroke-dasharray: 300;
 stroke-width: 10;
 stroke-miterlimit: 10;
 stroke-linecap: round;
 animation: loading-circle 2s linear infinite;
 stroke: #51BBA7;
 fill: transparent;
}

@keyframes loading {
 0% {
   transform: rotate(0);
 }
 100% {
   transform: rotate(360deg);
 }
}
@keyframes loading-circle {
 0% {
   stroke-dashoffset: 0;
 }
 100% {
   stroke-dashoffset: -600;
 }
}
Tworzenie stron www - https://designbox.pro
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#3
RE: CSS nie wczytuje się prawidłowo
Dzięki za kilka godzin sprawdzę.
 System operacyjny: android Przeglądarka: opera
#4
RE: CSS nie wczytuje się prawidłowo
Działa, co w tym kodzie zmieniłeś że zadziałało?
 System operacyjny: windows_xp_2003 Przeglądarka: firefox
#5
RE: CSS nie wczytuje się prawidłowo
Zamieniłem SCSS na CSS. Porównaj sobie - wszystko jest po kolei.
Tworzenie stron www - https://designbox.pro
 System operacyjny: windows_seven Przeglądarka: firefox
Programy: Polecane / Nowe / Inne




Podobne wątki (CSS nie wczytuje się prawidłowo)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  A propo scalania kilku efektów , warstw graficznych w CSS proohno 0 1218 10.04.2020, 16:58
Ostatni post: proohno
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 2062 10.06.2018, 14:40
Ostatni post: raxer
  Pytanie - 12 lat html,css ivall 1 6599 21.10.2017, 22:40
Ostatni post: Ajgor

Skocz do:


Wybrane wątki (CSS nie wczytuje się prawidłowo)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Question Co sądzicie o edytorze Gutenberg w WordPress? radekhetero 2 7081 15.11.2019 15:55
Ostatni post: Alsenas
  Konfiguracja wampserver 2019. ~Anonim 3 5124 11.10.2019 05:26
Ostatni post: Michu_PL
  wyswietlanie pliku w php roxses 0 4922 07.10.2019 14:43
Ostatni post: roxses
  Content Management System thinkPL 6 4861 06.10.2019 22:08
Ostatni post: thinkPL
  PHP - przycisk wykonujący równanie SalyWan 1 4538 03.10.2019 16:11
Ostatni post: Szachista
  Skopiowanie strony forum przez program HTTrack Website Copier ANDREAN 9 7598 06.09.2019 21:51
Ostatni post: ANDREAN
  Poszukuję skryptu ogłoszeń / Joomla. dongtuuyen 2 6944 25.07.2019 09:56
Ostatni post: Spidi
  Upload pliku na serwer i do bazy danych mati514 3 7680 16.05.2019 17:12
Ostatni post: mati514
Big Grin [PHP] Rotator linków, który nie wyświetli danego linka. semozo 1 8619 13.04.2019 10:29
Ostatni post: wlisik
  Wywołanie diva funkcją SebastianF 3 9081 25.03.2019 10:55
Ostatni post: hydr4x
Scared front-end czy back-end gbr 7 14261 23.03.2019 16:56
Ostatni post: luciussulla
  Gdzie odpłatnie wypozycjonować swoją stronę w html5 w google za 100zł? aktywny27 13 29745 17.02.2019 21:44
Ostatni post: SEMPIRE
  xampp konwersja video milutki182 3 14610 10.02.2019 13:18
Ostatni post: Ajgor
  HTML a Wordpress Majki_77 3 13458 10.02.2019 13:17
Ostatni post: Ajgor
  Gotowe klasy xCart 0 8318 08.02.2019 17:16
Ostatni post: xCart