Css images- transformacje

Odpowiedz Nowy wątek
2019-06-02 22:32
0

Dzień Dobry.
Potrzebuję pewnego sprawdzenia, a raczej zapytania się jak to powinno być zrobione.
Miałem do zrobienia zadanie według tego mockap. (Zdj z podanej)

mockap-> https://zapodaj.net/7d2812ed17f9d.jpg.html

https://jsbin.com/miruwitoli/edit?html,css,js,output
jak to jest wykonane? pomijając kolory i czcionkę.
Jak najlepiej przekształcić to zdj aby się tak wpowowywało?

Dziękuje za pomoc.

wpowowywało? - Silv 2019-06-03 16:42

Pozostało 580 znaków

2019-06-02 23:29
1

Jeśli chodzi o obrazek miecza to zwykły png z css rotate() https://developer.mozilla.org[...]CSS/transform-function/rotate


no no. ale ja uzywam tego. Tylko że problem jest taki, jak go zmniejszyć. i aby był zawsze na śordku. Podałem link jak ja to zrobiłem. Ale wydaje mi się ze jest to brzydko zrobione? - mateusz1231r4 2019-06-02 23:32

Pozostało 580 znaków

2019-06-03 02:25
1

Patrz i podziwiaj:
https://codepen.io/ncerminara/pen/KzurJ


Zobaczyłem wątek o transformacjach CSS i byłem na 99% pewien, że wewnątrz smoka znajdę. Zaglądam i oczywiście miałem rację ;) - cerrato 2019-06-03 15:20
No bo jak się człowiek na niczym nie zna, to pisze o CSS ;) - Freja Draco 2019-06-03 16:51

Pozostało 580 znaków

2019-06-03 13:30
0
Freja Draco napisał(a):

Patrz i podziwiaj:
https://codepen.io/ncerminara/pen/KzurJ

no ładnie to zrobiłeś , ale to jest nie na temat. no i chodzi o to że ja dalej nie wiem jak to powinno być zrobione jak najlepiej. A miecz miał być ze zdj.

Pozostało 580 znaków

2019-06-03 14:10
1
mateusz1231r4 napisał(a):
Freja Draco napisał(a):

Patrz i podziwiaj:
https://codepen.io/ncerminara/pen/KzurJ

no ładnie to zrobiłeś

Nie... gdybym ja to robiła, byłby czysty CSS.

ale to jest nie na temat. no i chodzi o to że ja dalej nie wiem jak to powinno być zrobione jak najlepiej. A miecz miał być ze zdj.

Przyjrzyj się właściwości box-shadow:
https://www.cssmatic.com/box-shadow


Pokaż pozostałe 4 komentarze
A... faktycznie, to jest czysty CSS. Zobaczyłam po prostu, że coś jest w okienku z JS i nawet nie doczytałam, że autor tam wklepał "No JS!". - Freja Draco 2019-06-03 16:46
ale ja mam rotate(32deg). https://jsbin.com/miruwitoli/edit?html,css,js,output Chodzi o to że coś w tym moim rozwiązaniu jest nie tak. Po prostu miałem wykorzystać obrazek jaki dostałem, w html(w linku wyżej) w src jest link. I trzabyło wykonać taki mackap jak pokazano(responsywnie). - mateusz1231r4 2019-06-03 17:02
O przepraszam. Moje lokalne style zmieniły zupełnie wygląd tej strony. Nie znam konkretnych warunków zadania, więc trudno zgadywać. Może chodziło o umiejętność najwierniejszego odwzorowania oryginału? Co do kodu, to jak dla mnie masz tam zbędne elementy i część warstw dałoby się wyrzucić. - Freja Draco 2019-06-03 22:19
to znaczy jakie? - mateusz1231r4 2019-06-03 22:52
nie miałem nic więcej w tej kwestii powiedziane, po prostu zrobic. I też jakbyś ty to robiła to jakbyś umiejscowiła na środku tego miecza, aby był też na szerokość tych informacji o posiadaczu miecza? - mateusz1231r4 2019-06-03 22:54

Pozostało 580 znaków

2019-06-04 00:28
0

Za zbędne uważam:

<div class="character">
<div class="character__info">
<div class="character__img">
<div class="character__elem">

Miałbyś
H1 (bo czemu to jest H4?)
IMG
UL > LI

I tyle.

A w sumie:

<div class="wrp">

też można by się pozbyć i ostylować samo BODY.

Ale to jest mój prywatny punkt widzenia i niekoniecznie pokrywa się z oczekiwaniami autorów zadania.


Pozostało 580 znaków

2019-06-04 21:33
0

no ale jak to tak stylować body. A to miało być BEM(sam osbie tak wymyśliłem że tak sobie zrobie).
Przecież bez '

' się tego nie da zrobić bo to jest wraper dla grid.
Znasz może miejsce gdzie można się nauczyć jakiś dobrych praktyk html/css? jak to robić prawidłowo.</p>
edytowany 1x, ostatnio: mateusz1231r4, 2019-06-04 21:35
Np. tutaj :) - Freja Draco 2019-06-04 22:42
ma wrażenie że nie masz pojęcia o czym mówisz, albo sobie żarty robisz. - mateusz1231r4 2019-06-05 17:10
Zapodałeś zdjęcie i zapytałeś, jak to można najlepiej zrobić. To ci odpisałam, jak to wykonać przy minimum kodu. Nic nie pisałeś, że w warunkach zadania wymagane jest stosowanie grida (z resztą w jaki sposób, bo ze zdjęcia to nijak nie wynka) czy wykorzystanie medodologii BEM (którą z resztą osobiście uważam za poronioną). - Freja Draco 2019-06-05 20:02
nie było takiego wykorzystania. Mówie że ja sobie tak wymyśliłem. A mówiłem że przy użyciu grida się nie da i tyle. poroniona? oo ja też nie lubię. Ale lubię jak jest porządek dlatego się zainteresowałem ale słabo mi wychodziła. - mateusz1231r4 2019-06-06 17:01
Osobiście uważam, że BEM jest strasznie "przegadana" i tylko komplikuje wszystko zamiast wszystko upraszczać. Niemniej możliwe, że w jakichś strasznie rozbudowanych projektach pomaga utrzymać spójność całości, no... w każdym razie nie wykluczam tego. - Freja Draco 2019-06-06 18:32

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0