《CSS揭秘》是一本非常受歡迎的前端書籍,在這本書中,作者利用許多高級的CSS技巧,讓我們更了解CSS的強大。如果你也是一名前端開發者,那么你一定不能錯過這本書。現在,這本書已經發布了EPUB格式的版本,方便我們在手機、平板等設備上閱讀。
下面是一些CSS技巧的示例,這些技巧來自于《CSS揭秘》這本書:
/* 1. 漸變背景 */ background: linear-gradient(to bottom right, #f00, #00f); /* 2. 文字描邊 */ -webkit-text-stroke: 2px #000; /* 3. 光標變形 */ cursor: url(cursor.cur), pointer; /* 4. 邊框半透明 */ background-clip: padding-box; border: 10px solid rgba(0, 0, 0, 0.5); /* 5. 旋轉動畫 */ @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 6. 伸縮布局 */ display: flex; justify-content: center; align-items: center; /* 7. 3D立方體 */ transform-style: preserve-3d; transform: rotateX(45deg) rotateY(-45deg); /* 8. 等高布局 */ height: 0; padding-bottom: 50%; overflow: hidden;
以上只是這本書中的一小部分內容,如果你想更深入了解,建議你去閱讀這本書。同時,《CSS揭秘》EPUB版本也為我們提供了更方便的閱讀方式,讓我們可以隨時隨地地學習這些CSS技巧。
上一篇flex 引用css文件
下一篇css插入背景結構