http://codepen.io/eond/pen/qNNMxw

 

ie9 이상에서만 가능합니다.

 

[css]

html,body{display:flex;width:100%;height:100%;background:#f1f1f1}

.arrow{display:block;position:relative;width:100px;height:100px;margin:auto;border:2px solid #ccc;border-radius:50%}
.arrow::before{display:block;content:'';position:absolute;
  top:35px;left:30px;
  width:45px;height:4px;
  border-radius:0px;  background:#ccc;transform:rotate(45deg)}
.arrow::after{
 display:block;content:'';position:absolute;
  top:65px;left:30px;
  width:45px;height:4px;
  border-radius:0px;background:#ccc;
  transform:rotate(-45deg)}
 

이온디

profile
이온디는 라이믹스를 비롯한 다양한 CMS의 시드뱅크를 꿈꿉니다. 여러분들이 사랑하는 웹소스를 언제든지 사용할 수 있게 하기 위해 이온디는 매일 소스코드를 유지보수하고 있으며, 언제든지 다운로드할 수 있는 소스마켓을 운영하고 있습니다.

#XE마켓 - 이온디스토어
https://eond.com/xemarket/

# XE/라이믹스 단톡방을 운영 중입니다. (비번: 2022)
https://open.kakao.com/o/giaKKnl

# XE/라이믹스 생활코딩 모듈 강좌입니다.
https://opentutorials.org/module/3774
  • ?
    이런거 보면 역시 퍼블리싱 쪽은 아이디어 싸움이라는 생각이 드네요.
    요즘 다들 실력이 상타를 치셔서 코딩실력은 다들 그만 그만하고 알고있는 걸로 얼마나 아이디어를 짜내는가의 싸움이라는 생각이 듭니다.
    휴~~ 늙어서 힘들어 ㅠ.ㅠ
  • ? ?

    이 정도는 간단한거죠ㅎㅎ HTML 도움없이 CSS3로만 복잡한 그래픽 이미지를 만들어내시는 분들도 있던데요ㅋㅋㅋㅋㅋ

     

    예를 들자면 이런거요...

     

    http://purecss3.net/doraemon/doraemon_css3.html

  • ? ?
    이건 진짜 상 노가다것는데요 ㅋㅋ.
    다들 정말 아이디어가 좋네요.
  • ? profile
    와 도라에몽..ㄷㄷㄷ
  • ?
    와우 감사합니다.
  • ?
    대단하네요