CSS Sample

CSS로 표현한 텍스트 효과 샘플입니다.

그림자를 이용한 입체 표현

오늘의
추천
오늘의
추천
소스보기
소스보기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

그림자를 이용한 입체 표현

소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

그림자를 사용한 이중 테두리

최대 50%
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

깨끗한 반사 그림자 연출

청정보습미백화장수
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
※소스 코드 샘플보다 외형의 크기가 작아집니다.

원형 태그 디자인

집에서 만들 수 있는 핸드메이드
잡화특집
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
  • Internet Explorer 9 〜
※소스 코드 샘플보다 외형의 크기가 작아집니다.

그림자를 사용하여 발광하는 듯한 표현

★ 밤하늘에 반짝반짝 별이 보이는 ★ 절경의 숙소 특집
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

사선 스트라이프 무늬 위에 기울여서 배치

Happy Birthday!
생일 축하해요  생일 축하해요
Happy Birthday!  Happy Birthday!
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
  • Internet Explorer 9 〜
※소스 코드 샘플보다 외형의 크기가 작아집니다.

숫자 강조 배너

  • 제주도산
    한라봉
    398
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
  • Internet Explorer 9 〜
※소스 코드 샘플보다 외형의 크기가 작아집니다.

CSS를 사용한 막대그래프

6
3
사과
5
바나나
7
키위
10
딸기
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
  • Internet Explorer 9 〜
※소스 코드 샘플보다 외형의 크기가 작아집니다.

나무에 새긴 것 같은 양각 표현

숲속의 작은 도서관
아름다운 숲에서 책과 함께
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

CSS를 사용한 시계

1645
소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

마우스 오버 시 텍스트 커지는 버튼

소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

마우스 오버 시 천천히 나타나는 캡션 표시

식물도감
바위취

우리나라 중부 이남의 습한 곳에서 자라는 상록 다년생 초이다. 잎은 녹색에 연한 무늬가 있고, 뒷면은 자줏빛이 도는 붉은색이다. 꽃은 백색으로 짧은 홍자색의 선모가 있으며 줄기 꼭대기에서 핀다. 관상용으로 쓰이며, 전초는 약용으로 쓰인다.

소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

마우스 오버 시 슬라이드 캡션 표시

식물도감
삼지구엽초

꽃은 5월에 피고 줄기 끝에 총상꽃차례를 이루며 밑을 향해 달린다. 꽃은 지름이 10∼12mm이고 노란 색을 띤 흰색이다. 꽃잎은 4개이고 긴 꿀주머니가 있다. 한방에서는 식물체 전체를 음양각이라는 약재로 쓰는데, 최음·강장·강정·거풍 효과가 있다. 한국·중국 동북부 등지에 분포한다.

소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

마우스 오버 시 회전하며 나타나는 캡션 표시

식물도감
은방울꽃

전국 각처의 산에 분포하는 다년생 초본이다. 생육환경은 토양이 비옥하고 물 빠짐이 좋은 반그늘에서 자란다. 꽃은 백색으로 관상용으로 쓰이며 유독성이 있다. 꽃말은 '순결, 다시 찾은 행복'이다. 한국·중국·동시베리아·일본에 분포한다.

소스보기
닫기
HTML
CSS
지원 브라우저
  • Safari
  • Google Chrome
  • Firefox
※소스 코드 샘플보다 외형의 크기가 작아집니다.

뒤로