문득 든 생각인데 타이틀 부분의 배경에 이미지를 삽입할 생각만 했었는데 이미지가 아닌 원모양을 css로 배치해 보면 어떨까 싶은 생각이 들어 시도해본다.

타이틀 클래스에 before 나 after 를 활용해서 레이어 하단에 원을 배치하면 쉽게 추가할 수 있다. 원 뿐만 아니라 애니메이션도 가능하고 원하는 건 뭐든지...

SVG 를 이용한 그림 그리기 효과도 괜찮을꺼 같다.

반응형에 맞게 원 크기를 변경하는게 좀 문제긴 하지만...

원에 포함된 텍스트와 포함되지 않은 벗어난 부분의 텍스트의 색상을 달리 해야 할거 같다.


댓글
  • 프로필사진 liontamer 앗 완전 신기!!!!
    갑자기 탱탱볼이 좀 생각났어요 ㅎㅎㅎ
    2018.01.20 23:01 신고
  • 프로필사진 SONYLOVE 탱탱볼이라니..
    통통 튀는 애니메이션을 해도 좋겠는데요. ^_^
    2018.01.21 16:59 신고
  • 프로필사진 施兒 타이틀 부분에 원이 있으니 뭔가 느낌이 괜찮습니다 ㅎ.ㅎ
    2018.01.21 02:56 신고
  • 프로필사진 SONYLOVE 제목의 글자만 보이니 뭔가 주목할 수 있는 게 있으면 좋겠다 싶었어요. 2018.01.21 17:00 신고
  • 프로필사진 땀똔 팩맨 집어넣어도 재미날거 같습니다.. ㅎㅎ; 2018.01.21 14:40 신고
  • 프로필사진 SONYLOVE 오호!
    글자를 잡아먹는 팩맨이라니..
    너무 재미있을꺼 같은데요. ㅎㅎ

    땀똔님처럼 물방울이 뽀글뽀글하는 것도 좋은거 같아요. ^_^
    2018.01.21 17:01 신고
  • 프로필사진 묘한오빠 다들분들은 뭔가 보이시는 것 같은데, 동그란 핑크색 원만 타이틀 가운데 고정되었는데...
    궁금하네요....????
    2018.01.21 15:04 신고
  • 프로필사진 SONYLOVE 아니여요.
    보이시는 원외에는 아무것도 없어요. ㅎㅎ
    그냥 타이틀 배경에 원만 추가했을뿐입니다.
    2018.01.21 17:01 신고
댓글쓰기 폼