꿀팁 공유/ㄴ IT관련7 css: 마우스 hover시 이미지 앞뒤로 flip 만들기 (transform: rotateY()) 내가 나중에 보려고 만드는 포스팅~ front back 이미지 기본값 앞면 이미지는 위치 기본, 투명도1, 회전값 0, 맨 앞 뒷면 이미지는 위치 절대, 투명도0, 회전값 Y180도, 맨 뒤 이미지 hover시 위치 빼고 서로 반대로 설정. 컨테이너(wrap)에 backface-visibility: hidden; 설정. 2021. 6. 4. 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. 카카오톡 단톡방 사진전송 묶어보내기 & 화질 설정 필자가 다니고 있는 건설회사에서는 업무차원으로 카톡 단톡방을 통해 자주 현장사진 공유를 한다. 근데 이놈의 아저씨들이 사진 10장 넘게 보내면서 묶어보내기를 하지 않아서 깨톡, 깨톡, 깨깨깨래깨깩깩톡~ 하고 사무실 사람들 폰이 다 울리게 만들지 않나... 홈페이지/인스타에 사진자료 올려야하는데 일반화질 화질구지로 보내서 확대하면 다 깨지게 만들고 ^^.... 입사 6개월차인 지금까지 말 않고 참고있다가 그저께서야 톡방에 제발 묶어보내기와 고화질/원본으로 체크를 해달라고 메시지를 보냈다. (일반화질로 보냈던 분은 고화질 체크기능이 있는 줄 몰랐단다ㅠㅠ...) 혹시 몰라서 .. 모른다는 분 있을까봐 만든건데 쓸모 없어져서... 블로그에 올려봅니다 ^^;; 앞으로는 카톡을 통해 업무용 사진을 주고받을 때는 묶.. 2019. 12. 13. 인스타그램 해시태그 누락에 대한 고찰 (IP차단) 안녕하세요. 수달(SUDAL)입니다. 현재 바이럴마케팅 회사에서 디자이너로 일하고 있습니다만, 한 성형외과의 페북/인스타 관리도 겸하고 있습니다. (디자이너가 왜 이걸 해야하는지 의문이지만) 쨌든 전전직장에서 하던 일이 그런 일이었어서 경력을 숨길 수도 없고... 대충 하고는 있습니다. (서론이 길다) 오늘 오랜만에 여기 글을 쓰는 이유는 제가 관리하는 인스타그램 계정의 해시태그 누락에 관련하여 정보를 공유하고자입니다. 저는 지난 12월 말부터 좋아요개수가 평균 13~15개 정도 나오는 수준의 그냥 구색갖추기용 계정을 담당하게 되었습니다. 그 전에 그 계정을 담당하시던 팀장님은 회사 업무폰을 사용해서 수작업으로 올리셨는데, 매번 업무폰을 가지러 팀장님 자리에 왔다갔다 하는데 넘 번거롭더군요. 그래서 제 .. 2019. 2. 11. 옛날에 컴활 2급 독학으로 합격한 후기 + 잡담 때는 2013년... 대학 졸업하고 공무원시험 준비하는데 컴활을 따면 가산점이 주어지는걸 알고, 컴활 1급 시험을 준비하게 됩니다.결과적으로 1급 필기는 합격했으나, 실기에서 여러번 고배를 마신 뒤... 공시 준비도 해야되는데 컴활에만 매달릴 수 없어서 그냥 2급 실기로 시험쳐서 합격했었죠...(1급 시험에서 엑셀은 합격점수가 나오는데, 엑세스에서 점수가 안나와서 ... 당시 프로그래밍(프로시저)에 대한 이해도가 부족했음 ㅠ) 당시 구매했던 책은 컴활 수험서로 유명한 시나공에서 나온 책이였습니다.2013 시나공 총정리 컴퓨터활용능력 1급 필기 : 핵심요약+기출문제+모의고사(8절) 본론부터 얘기하자면 필기는 책을 다 읽기보다는 얇은 핵심요약집만 달달 .. 1주일정도만 공부하면 합격이예요. (첫번째 시험때 .. 2018. 11. 25. 이전 1 2 다음
