CSS2 css: 마우스 hover시 이미지 앞뒤로 flip 만들기 (transform: rotateY()) 내가 나중에 보려고 만드는 포스팅~ front back 이미지 기본값 앞면 이미지는 위치 기본, 투명도1, 회전값 0, 맨 앞 뒷면 이미지는 위치 절대, 투명도0, 회전값 Y180도, 맨 뒤 이미지 hover시 위치 빼고 서로 반대로 설정. 컨테이너(wrap)에 backface-visibility: hidden; 설정. 2021. 6. 4. CSS로 DIV 계단 그리기 위 이미지는 회사 홈페이지에 들어가는 이미지 중에 하나인데, 첨에 빨리 만들어야해서 거진 다 포토샵에서 작업해서 jpg 배경 처리하고, 텍스트 부분만 position: absolute 놓고 top이랑 left 값 조정해서 만들었다. 머 대충 이런 느낌이다. 갑자기 이걸 CSS로도 구현할 수 있지 않을까? 싶어서 작업에 들어갔는데 마름모꼴 만들기가 너무 힘들었다 ... 어찌어찌 만들어도 그 위에 텍스트까지 변형할 자신이 없었고... 그래서 모양을 살짝 바꿨다. 음~ 지금보니 그림자를 안넣었네. 하지만 넘모 귀찮고.. 만약 계단쪽에 그림자를 넣으려면 box-shadow로 넣으면 깨지고 난리나니 계단을 똑같이 만들어서 뒷쪽으로 배치하는 것이 좋겠다. HTML 01 02 03 STEP 01 A/S 문의사항 신속.. 2021. 3. 4. 이전 1 다음
