Skocz do zawartości
  • 0
producer

CSS-Stylizacja i transformacja elementów.

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

 

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

2 odpowiedzi na to pytanie

Polecane posty

Bądź aktywny! Zaloguj się lub utwórz konto

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

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się


  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.


×
Okienko zamknie się za 5 sekund...