Skocz do zawartości
  • 0

CSS-Stylizacja i transformacja elementów.


producer
 Udostępnij

Pytanie

Witam Wszystkich, pewna część tego forum ma mnie już dosyć ale przejdźmy do szczegółów. Starałem się odwzorować pewną strone którą znalazłem na internecie (obraz dam na samym dole). Dzisiejszy dzień nie sprzyja mojemu myśleniu do tego stopnia że google stał się trudny hah, a czas goni! Na tym obrazku jest wygląd strony logowania podzielony na pół, jedna połowa biała, druga z szarym tłem, i przez środek przechodzi pochylony prostokąt. Starałem się uzyskać efekt pochylonego prostokąta opcją transform później rotate, lecz wszystko powoduje że ten pochylony prostokąt wychodzi po za szare tło rozjeżdża się wszystko, Jak by udało się wam mi powiedzieć jak uzyskać aby to wyglądało podobnie lecz responsywnie, nawet po scroolu żeby wyglądało tak samo. 

+ jeżeli ktoś chce może powiedzieć pod jaką nazwą szukać szukać wyglądu tych pól do wprowadzania hasła i emaila, wyglądają bardzo ładnie, otwarte i estetyczne

Załączę też to co udało mi się zrobić:

 

Spoiler
<style>
			body,html {
				height: 100%;
				margin: 0px;
			}
				#div1 {
					height: 100%;
					width: 100%;
				}
				#divleft {
					float: left;
					width: 50%;
					height: 100%;
					background-color: #ffffff;
				}
				#divright {
					float: right;
					width: 50%;
					height: 100%;
					font-size: 14vh;
					background-color: #333333;
					position: relative;
				}
				#divkreska {
					background-color: #282828;
					position: absolute;
					left: 50%;
					width: 50px;
					height: 100px;
					transform: matrix(6, 5, 4, 3, 2, 1);
				}
				
			</style>
			
		</head>
			<body> 
			
				<div id="div1">
				
					<div id="divleft">
					lewe
					</div>
					
					<div id="divright">
						<div id="divkreska">
						</div>
					prawe
					</div>
					
				</div>
				
			</body>

 

 

 

STRONA:

Spoiler

ddb3112c-f95f-48c0-8180-e85df0a28dd4?aut

 

 

 

Odnośnik do komentarza
Udostępnij na innych stronach

2 odpowiedzi na to pytanie

Rekomendowane odpowiedzi

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający forum CSS   0 użytkowników
    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...