css의 transition이 안됩니다.

프로그래밍 갤러리

1/1

담배값 올리면 전국민이 행복해진다 다칸마리
프갤에서 살인마 원종이도 나왔으니 이젠 성범죄자 나올 차례임 ♥냥덩배달왔
직구 금지 해봐~ 안하면 그만임 AppHik
딱국 냥덩 루비 rx프레임워크 프갤러
프갤 현자의 노후 대비 인생계획 공기역학

닭구멍 만화 (학습 만화) 야옹햏 ㅎㅎㅎ 작성자 : ㅇㅇ

ㅇㅇ(182.230) 2024.05.03 09:32:16

조회 37 추천 0 댓글 0

밑에 .input_area label에 transition이 안먹혀요.

// css 파일

margin: 0; padding: 0; box-sizing: border-box;

}

body{

font-family: 'Noto Sans KR', sans-serif;

display: flex;

justify-content: center;

align-items: center;

height: 100vh;

^#^BG_URL^#^../images/up_fe_test.jpg^#^ no-repeat center;

background-size: cover;

}

body::before{

content: "";

position: absolute; z-index: 1;

top: 0; right: 0; bottom: 0; left: 0;

background-color: rgba(0, 0, 0, 0.7);

}

#login_form{

position: relative; z-index: 2;

border: 10px solid gray;

text-align: center;

width: 30%;

}

#login_form h1{

font-size: 32px; color: #fff;

text-align: center;

}

.input_area {width: 400px; position: relative;}

.input_area input{

width: 100%;

padding: 20px 10px 10px;

background-color: transparent;

border: none;

border-bottom: 1px solid #999;

font-size: 18px; color:#fff;

outline: none;

}

.input_area label{

position: absolute; left: 10px; top: 15px;

font-size: 18px; color: #fff;

transition: top .5s ease;

}

.input_area input:focus + label,

.input_area input:valid + label{

top:0;

font-size: 13px; color: #166cea;

}

// 이건 html

<!DOCTYPE html>

<head>

</head>

<body>

<h1>LOGIN</h1>

</div>

<label for="password">USER PASSWORD</label>

</div>

</div>

<a href="">비밀번호를 잊으셨나요?</a>

</div>

</form>

</body>

</html>

고정닉 0

전체 댓글 0개

등록순

본문 보기

타인의 권리를 침해하거나 명예를 훼손하는 댓글은 운영원칙 및 관련 법률에 제재를 받을 수 있습니다.
Shift+Enter 키를 동시에 누르면 줄바꿈이 됩니다.

갤러리 리스트
번호	제목	글쓴이	작성일	조회	추천
설문	경제관념 부족해서 돈 막 쓸 것 같은 스타는?	운영자	24/05/13	-	-
공지	프로그래밍 갤러리 이용 안내 [69]	운영자	20.09.28	34798	62
2697679	unpeoplemagazine	발명도둑잡기	23:27	0	0
2697678	내가 인간적인 매력이 많이 부족한가?	프갤러(211.46)	23:24	15	0
2697677	나 자꾸 팬더티비녀 같은 애들한테 눈돌아가는거 들키면 연애 못하지?	딱국(113.198)	23:24	2	0
2697676	지금 달러 최고점 맞음?? 지금 들어가진 않을거아냐?? [1]	ㅇㅇ(123.213)	23:22	5	0
2697675	페미 극혐이긴한데, 구글 전직 임원 기사 읽어볼만함. [2]	ㅇ(58.127)	23:18	17	0
2697674	예수 프라임	발명도둑잡기	23:15	5	0
2697673	라미 만년필 4개 모았다 [2]	발명도둑잡기	23:11	15	0
2697672	근데 아마 너희들 현실에서 딱국이 보면 정력이 보이긴 할거임 [1]	딱국(113.198)	23:10	9	0
2697671	어째 정력이 사춘기때보다 더좋은듯	딱꾹(113.198)	23:07	7	0
2697670	파이썬 과제 잇는데 [4]	프갤러(125.191)	23:05	18	0
2697669	여친 식습관 컨트롤하구 운동시키면 화내려나 [9]	딱꾹(113.198)	23:02	27	1
2697668	오늘두 자기전에 하면 할당량 채운당	딱꾹(113.198)	23:00	6	0
2697667	pr 왜함?	프갤러(49.165)	23:00	8	0
2697665	먹는거랑 맨몸운동이 정말 중요함 [1]	딱꾹(113.198)	22:59	12	0
2697663	유튜버 연예인 트렌드잃고 돈없어지는ㄱ ㅓ보면	프갤러(211.44)	22:57	9	0
2697662	집단 섹스가 최고임 ㅇㅅㅇ	류류(121.160)	22:56	23	1
2697661	딱국 몸 만들면 이쁨 [1]	딱꾹(113.198)	22:56	11	0
2697660	육회시켰다 ㅜㅜ [1]	딱꾹(113.198)	22:54	11	0
2697659	이미지 픽셀정보를 텍스트에 저장했는데	Pack	22:53	13	0
2697658	아 오늘 두끼먹었는데 배고파	딱꾹(113.198)	22:53	6	0
2697656	PoC 종료 ㅇㅅㅇ... [2]	AppHiki	22:49	25	1
2697655	아.. 낮잠자서 잠이 잘안오넹.. [2]	♥냥덩배달왔습니당♥	22:49	6	0
2697654	출산물 즐기고 싶음 ㅇㅅㅇ	류류(121.160)	22:49	9	1
2697653	나 요새 한끼에 8만원씩씀.. [1]	딱꾹(113.198)	22:48	21	0
2697652	류류 = 한녀내려치기하면서 비겁하게 소아공략 [3]	딱꾹(113.198)	22:46	21	0
2697651	미소녀 일자잠지 혀넣고 싶음 ㅇㅅㅇ	류류(121.160)	22:43	12	1
2697650	니들 gpt4o 써봤냐 ㅋㅋㅋㅋㅋㅋㅋㅋ	프갤러(114.204)	22:43	21	1
2697649	하... 이제 정신차림 빠르게 코딩 간다...	딱국(113.198)	22:38	15	0
2697648	요즘 몸이 좋지 못하시군 ㅇㅅㅇ	헬마스터	22:36	8	0
2697647	해외 직구 금지되면 한국에서 구할 길이 없어지는 케이블 [14]	☆단비☆	22:35	44	0
2697645	류류 신고 오지게했는데 [2]	멍유바라기(112.169)	22:30	36	0
2697644	"나 요즘 왜 자꾸 침대에 대각선으로 누워 자는게 좋을까?" 글 보니	발명도둑잡기	22:29	15	0
2697643	예전에 딱국제자였는데 사람은 좋아 [2]	멍유바라기(112.169)	22:29	36	0
2697642	번아웃인지 피로인지 온듯	ㅇㅇ(49.142)	22:26	9	0
2697641	오늘의 발명 실마리: 원종 경보	발명도둑잡기	22:25	10	0
2697640	팬더티비 무료 스트리밍 다섯페이지 훑어본 결과 [2]	발명도둑잡기	22:21	26	0
2697638	국비 신입 현실 연봉.	프갤러(59.16)	22:16	48	0
2697637	내여친 ㅇㅅㅇ [1]	따당이	22:15	27	0
2697634	딱국아 아예 성인방송 서비스나 포르노 게임 프로그램사를 차려	발명도둑잡기	22:13	13	1
2697632	fmkorea너무 노잼이야 [6]	헬마스터	22:09	41	0
2697630	거의 3년된 앱이 500이 안됨	프갤러(39.7)	22:04	46	0
2697629	코딩하는애들중에 엑셀 안써본 애들이 있나? [7]	프갤러(60.253)	22:00	62	0
2697628	나 요즘 왜 자꾸 침대에 대각선으로 누워 자는게 좋을까? [2]	다칸마리	21:59	30	0
2697627	히히4 ㅇㅅㅇ [2]	나트륨찡	21:57	26	0
2697626	싱글벙글-부부는 서로 닮아간다 [1]	발명도둑잡기	21:56	13	0
2697625	형아들 안녕히 주무세요. [3]	다칸마리	21:56	16	0
2697624	연금 앱 만드는 중 ㅇㅅㅇ [4]	AppHiki	21:56	32	0
2697623	히히3 ㅇㅅㅇ [2]	나트륨찡	21:56	22	0
2697622	땩국 냥덩 류류중 한명은 언젠가 [3]	ㅇㅇ(121.186)	21:54	35	0