[티스토리] 이미지 캡션 꾸미기

위 사진처럼 이미지에 자막을 넣을 수는 없을까 고민하던 중 한 블로그에서 해법을 찾았습니다.

 

역시 세상에는 고마운 사람들이 참 많네요.^^

/* Image cap1 */
.cap1 {
    margin:-10px 0 17px 0; padding-top:5px;
    font-size:14px; color: #999; text-align: center;
    border-bottom:1px solid #fafafa; border-radius:17px;
    -webkit-box-shadow:0 10px 7px -7px #f7f7f7; -moz-box-shadow:0 10px 7px -7px #f7f7f7; box-shadow:0 10px 7px -7px #f7f7f7; 
    background-color:#fff; background-color:rgba(255,255,255,.95);
    transition:top 0.2s ease-in-out; }
.cap1:before {
    display: inline-block;
    content: "▲";
    padding-right: 5px;
    font-size: 13px; }

출처는 Bong Juni 님의 블로그 입니다.