CSS

See the Pen CSS Drawing - 03. Brown (Line Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 부랴부랴 그린 브라운! 시간가는 줄 모르고 작업했다. 코 모양이 삼각형이면서 둥글둥글해서 어떻게 해야하나그냥 삼각형해야 하나 내적갈등 했는데 만들어 내서 매우 뿌듯하다! 근데 조금 더 조금 더 완성도 높이고 싶어서 집착하는게 함정...얼마 못가서 질리지 말고 그냥 기분 전환 하는 정도로만 해야지!

See the Pen CSS Drawing - 02. Cony (Line Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 오늘은 코니를 그려보았습니다! 언제보아도 기분 좋은 웃는 코니 ^0^

See the Pen CSS Drawing - Sally (Line Friends) by Hyejin Oh (@mmt-zinee) on CodePen. 이미지 출처 : 샐리 포스트잇 ▼ ▼ ▼ (수정1) 부리가 계속 신경쓰인다 ▼ ▼ ▼ CSS Drawing에 관심을 가진지는 오래 됐는데 실천을 이제서야...1일 1드로잉 도전!? 꺄!

See the Pen link hover effect by Hyejin Oh (@mmt-zinee) on CodePen. text-decoration: underline 으로는 원하는 디자인을 마음껏 적용하기 힘들다.그런데, 언젠가 어떤 사이트 글에서 링크에 이런 효과를 주었던 것을 보아서 기억에 남았었다.그래서 생각나는 대로 비슷하게 구현해봤다.

CSS Shapes – TriangleCSS Shapes – CircleCSS Shapes – TriangleCSS Shapes – Square Rectangle Parallelogram Trapezoid and PolygonsCSS Shapes – Diamond and StarCSS Shapes – Chart and RibbonDifferent CSS Shapes See the Pen <a href='http://codepen.io/mmt-zinee/pen/WxQjON/'>WxQjON</a> by Hyejin Oh (<a href='http://codepen.io/mmt-zinee'>@mmt-zinee</a>) on <a href='http://codep..

[이슈] 아이폰 웹 브라우저에서 방향전환(Orientation Change)이 일어날 때, 폰트 크기가 커짐(13px에서 확대) [해결] -webkit-text-size-adjust: 100%[참고] https://developer.mozilla.org/ko/docs/Web/CSS/text-size-adjust [출처] http://caniuse.com/#search=webkit-text-size-adjust

::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-thumb { background: #a9a9a9; } [참고] http://stackoverflow.com/questions/7492062/css-overflow-scroll-always-show-vertical-scroll-bar https://css-tricks.com/examples/WebKitScrollbars/ http://circlash.tistory.com/610

티스토리 스킨 수정하다가 우연히 발견한 프로퍼티. 하지만 웹킷을 사용한 브라우저가 아니면 동작하지 않는다. http://tobyyun.tumblr.com/post/55858430437/http://www.cssmojo.com/line-clamp_for_non_webkit-based_browsers/http://caniuse.com/#search=line-clamp

[ 조건 ]가 버튼이 보일 때는 margin-top: 10px,버튼이 없을 때는 margin-bottom: 10px; 이 되어야 한다. [ 궁금증 ]스크립트를 쓰지 않고, CSS로만 제어하고 싶다.display: block/none 상태를 선택자로 사용할 수 있을까? [ 해결 ]만약 요소가 style 속성을 사용하고 있다면 CSS3로 해결 할 수 있다. .user-pw dd > button + .error-txt margin: 0 0 10px button:not([style*="display: none"]) + .error-txt margin: 10px 0 0 [ 참고 ]http://stackoverflow.com/questions/5275098/a-css-selector-to-get-last-visib..