5 굉장 CSS3 기능
많은 흥미로운 새 기능 및 특징 CSS3에 생각되고있다. 우리 시도이 페이지에 전시 그들 중 일부. 그래서,이 5 굉장 CSS3 기능을보십시오 우리 논평에서 귀하의 생각을 알려주십시오.
여기 css3 유용한 팁입니다. 나는, 당신은 다음 디자인 프로젝트를위한 매우 유용한 영감을 찾을 수 있기를 바랍니다. 감사합니다!
1. 둥근 코너
각 코너에 대한 이미지를 가져야하지 않습니다. 지금은 그 자체 렌더링 수있습니다!
예 :
코드
. 박스 ( ; 배경 색상 : # 6b6b6b; - moz - 국경 - 반경 : 7px; - 웹킷 국경 - 반경 : 7px; solid # 000 ; 테두리 : 1px 고체 # 000; ; 패딩 : 10px; 너비 : 500px; ; 색상 : # fff; )
2. 텍스트 그림자
텍스트에 그림자를 어떻게 추가하는 방법을 알아 봅니다. 이는 CSS3 텍스트를 지원하는 유일한 웹 브라우저 사파리 그림자 속성입니다.
예 :
코드 :
은 H1 ( 2px 2px 2px ; 텍스트 그림자 : # 9c9c9c 2px 2px 2px; ; 색상 : # 993333; )
3. 테두리 이미지
CSS3의 또 다른 흥미로운 새 국경 기능 속성을 국경 이미지입니다. 학습 방법을 제대로 사용하려면 이미지
4. 모든 사용자 정의 글꼴을 사용하여
만약 당신이 경로를 지정 CSS를 3, 그리고 그것은 당신이 CSS의 클래스 또는 ID를 적용할 텍스트를 렌더링할 수있는 글꼴 파일을 읽을 수있습니다
5. 여러 배경
마지막으로 하나 이상의 배경을 하나의 요소를 적용할 수있습니다.
좋은 장소를 몇 가지 멋진 기능을 css3 체크 아웃 웹사이트 CSS3.info 이름입니다.
만약 당신이 우리로부터 더 많은 영감을 받게하고 싶습니다, 제발 RSS 또는 전자 우편에 의해 우리의 피드에 가입을 고려하십시오.
홍보 회사
관련 기사 :
만일 당신이 그 문서를 아래에 관련 기사를 읽었을 확인하시기 바랍니다 :
Deepu Balan에 써있 더군요 : 12 월, 2009 오후 3시 반에서 16 일 사이드 :
도움말을 주셔서 감사합니다 ...하지만, 텍스트 그림자 CSS2 속성, 최대한 멀리는 CSS의 속성을 잘 알고 3 단계되지 않습니다. 사파리, 텍스트와 함께 그림자 속성 Firefox3.5에 의해 IE9 내 생각도 지원됩니다.
- Deepu
앤디 Walpole에 써있 더군요 : 2010년 1월 13일 8시 33분에서 사이드시 :
아이들이 충분히 CSS3를 얻을 수없습니다.
난 5 위의 예제를 사용했는데 그들은 모두 시각적으로 인상적입니다.
몇 년전에 와서 그들은 모든 웹 사이트를 구축에 표준이 될 것입니다.
... 앤디 Walpole 마지막으로 블로그에 인터넷이 달 10 년 전 - 2000년 1월