본문 바로가기

CSS

그라데이션 ie, FF, chrome See the Pen eYNKXJW by zion Kye (@pong777) on CodePen. 저도 잘알지는 못하지만, 모르는 부분이나 궁금한점 댓글로 남겨주시면 답변드리겠습니다~ 감사합니다. 더보기
marquee Text & rainbow Text See the Pen marquee jquery and rainbow Text by zion Kye (@pong777) on CodePen. Marquee 태그 + 텍스트 애니메이션 접목 시킴 pc / mobile 모두 가능하고, 기존에 모바일에서 흔들리는 부분 수정완료. 더보기
id를 활용한 이동을 위한 편법 http://njpaiks.egloos.com/980499 스크린 리더의 일부 기능이 현재의 웹 접근 기법을 제대로 소화하지 못하고 있어서 이상과 현실 사이에 커다란 불편을 주고 있다. 그 중 대표적인 것이 id를 이용한 페이지 내의 이동 방법이다. 웹 표준에 따라 접근 기법을 표현하였지만 스크린 리더가 이를 구현하지 못하니.... 이러한 고민을 디비딥 조훈 님이 해결해 주셨다. 즉 가 아닌 를 사용하면 가능하다는 것이었다. 테스트 방법 및 결과 - 웹 브라우저 포커스 이동: ○ (가능) - 센스리더 포커스 이동: × (불가) - CSS 접근: ○ (가능) 웹 브라우저 포커스 이동: ○ (가능) - 센스리더 포커스 이동: ○ (가능) - CSS 접근: × (불가) -.. 더보기
귀여운 Tree Animated See the Pen Pythagoras tree (fractal) by Iliya Zhechev (@ichko) on CodePen. 더보기
재밌는 큐브 3D See the Pen 3D Rubix Cube Rotation by Nicolas Daniel (@nicolasdnl) on CodePen. 더보기
[Css ] Opacity -투명도 Opacity - 투명도 배경에 색을 주고 배경을 투명도를 주면 안에 내용도 같이 투명도 가 적용이 된다. 이것을 해결 하기 위해서 는 배경색을 rgba 로 써주면 된다. 예시) 밑에 소스를 보세요~ ㅎㅎㅎ See the Pen GgXzbK by zion777 (@zion777) on CodePen. 더보기
[Css] 그라데이션 - 브라우져 지원! Gradation 그라데이셔은 쓸때 마다 참 여러 브라우져 때문에 고생한다. 그래서 그냥 아예 내가 모아 놓고 보면 쓸려고 이 글을 쓴다. See the Pen ZYMwqy by zion777 (@zion777) on CodePen. 더보기
탑메뉴 스크롤 내려도 고정 fixed Top menu 고정 되게 하기 더보기