본문 바로가기

꿀팁 공유26

css: 마우스 hover시 이미지 앞뒤로 flip 만들기 (transform: rotateY()) 내가 나중에 보려고 만드는 포스팅~ front back 이미지 기본값 앞면 이미지는 위치 기본, 투명도1, 회전값 0, 맨 앞 뒷면 이미지는 위치 절대, 투명도0, 회전값 Y180도, 맨 뒤 이미지 hover시 위치 빼고 서로 반대로 설정. 컨테이너(wrap)에 backface-visibility: hidden; 설정. 2021. 6. 4.
건축도장기능사 시험 후기! (2021 정기 기능사 1회) 작년 말, 회사에서 학원비랑 접수비 지원해준다고 건축도장기능사를 따라고 했다. #시험 접수부터 고난이도 ㅠㅠ11월, 시험 접수하고 바로 학원 등록하래서 상시시험 접수에 성공했으나, 학원에 연락해보니 '저희 학원은 정시 일정에 맞춰서 개강합니다' 라는 답변을 듣고 접수 취소... ㅠㅠ 12월 10일, 일단 학원 일정 맞춰서 수업을 듣고, 가장 빠른 시험(12월 11일 상시접수)을 도전하기로 했다. 그러나... 12월, 1월, 2월, 3월 상시시험에 계속 접수 시도했지만, 1~2분만에 수강신청이 마감되는 관계로 연이어 실패했다ㅠ 코로나때문에 공고에서 시험진행을 못하게 되어 시험장이 축소되고, 중국으로 돌아가기 싫은 조선족들이 F4비자(기간 무제한 취업비자)를 따기 위해서 시험응시에 몰리게 되어.. 시험 접수.. 2021. 4. 12.
css : 마우스 올리면 밑줄 그어지게 하기 (:hover, :before/:after) 웹서핑 하다가 nav 부분에 마우스 호버하면 밑줄이 생기는 사이트를 보고 해본 적 없는 디자인이라 개발자모드로 들어가서 봤는데 hover 부분 코딩을 어케했는지 모르겠는거.. ㅠ 그래서 구글링해서 찾아봤습니다~ 은근 가지수가 많더라고요! 3가지 정도 정리해서 올려봅니당.. (내가 나중에 찾아보려고 만드는 포스팅 ㅋㅋ) 왼쪽에서 오른쪽으로 ABOUT US DESIGN CASE STORY CONTACT 가운데서 바깥쪽으로 ABOUT US DESIGN CASE STORY CONTACT 늘어났다 줄어들었다 ABOUT US DESIGN CASE STORY CONTACT 2021. 3. 24.
CSS로 DIV 계단 그리기 위 이미지는 회사 홈페이지에 들어가는 이미지 중에 하나인데, 첨에 빨리 만들어야해서 거진 다 포토샵에서 작업해서 jpg 배경 처리하고, 텍스트 부분만 position: absolute 놓고 top이랑 left 값 조정해서 만들었다. 머 대충 이런 느낌이다. 갑자기 이걸 CSS로도 구현할 수 있지 않을까? 싶어서 작업에 들어갔는데 마름모꼴 만들기가 너무 힘들었다 ... 어찌어찌 만들어도 그 위에 텍스트까지 변형할 자신이 없었고... 그래서 모양을 살짝 바꿨다. 음~ 지금보니 그림자를 안넣었네. 하지만 넘모 귀찮고.. 만약 계단쪽에 그림자를 넣으려면 box-shadow로 넣으면 깨지고 난리나니 계단을 똑같이 만들어서 뒷쪽으로 배치하는 것이 좋겠다. HTML 01 02 03 STEP 01 A/S 문의사항 신속.. 2021. 3. 4.
2020 웹디자인기능사 2회 합격 후기 (독학) 아기다리고기다리던~ (이거 알면 최소 할미..) 웹디자인기능사 시험 합격자 발표가 떴습니다 ~~!!! 실기시험후기중에 모든 부분 다 구현하고 나왔는데도 점수미달로 떨어졌다는 글을 봤어서 혹시나 떨어졌을까 걱정했었는데 다행이도 합격이네요 ^^ 그것도 고득점~ 97점으로! 필기시험 준비 시험날짜 : 2020년 4월 23일 오전 9시 준비기간 : 약 2주? 준비방법 : 책사서 독학 + 랜덤기출문제풀이 합격점수 : 85점 구입해서 봤던 책은 이거고 ↓ "2019 이기적 웹디자인기능사 필기 미니족보" (중고가 8,000원 + 배송료 2,000원) 랜덤기출문제는 도타비 기출문제 사이트에서 했어요! https://www.gunsys.com/q/index.php?midCode=1213 이런 자격증류 시험은 기출문제가 .. 2020. 8. 13.
2020 웹디자인기능사 실기시험 후기 드디어!! 지난 토요일 (6월 20일) 웹디자인 기능사 실기시험을 봤습니다 > 2020. 6. 22.