[WebTech #66] CSS > 4. CSS 範例 > 4-4 視覺元件 > 4-4-3 游標、標籤、通知、評等
接下來這四個視覺元件比較簡單,所以我就一起刊出了:
游標:CSS3 允許你移到不同物體上,顯示不同游標。
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/everything-you-need-to-know-about-the-css-cursor-rule/
標籤:每篇部落格文章後,標註文章分類的標籤,也能用 CSS3 做出來。
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/tagtastic-tag-cloud-with-css-transformations/
(2) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-create-pure-css3-ticket-like-tags/
通知:類似 iPhone 上收到 Email 後,會以紅色圓圈貼在圖示右上角,告知目前有幾封未讀的小標誌。
(1) http://www.red-team-design.com/notification-bubble-css3-keyframe-animation
評等:會出現五顆星星,讓使用者對某篇文章評分的圖形。
(1) http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-create-a-rating-system-with-css-web-fonts-and-sprites/
最棒的 CSS Selector 或 Properties 線上參考手冊:
(進入後,Selector 在中央,Properties 在左下選單)
http://www.w3schools.com/cssref/css_selectors.asp
「cursor css」的推薦目錄:
- 關於cursor css 在 紀老師程式教學網 Facebook 的最讚貼文
- 關於cursor css 在 Custom Cursor CSS Default and Pointer - Stack Overflow 的評價
- 關於cursor css 在 CSS Cursor Reset - gists · GitHub 的評價
- 關於cursor css 在 Creating Custom Cursors - CSS Only, and JavaScript! 的評價
- 關於cursor css 在 浅析css中的cursor | 咸鱼老弟 - 博客园 的評價
- 關於cursor css 在 Why don't
cursor css 在 CSS Cursor Reset - gists · GitHub 的推薦與評價
CSS Cursor Reset. GitHub Gist: instantly share code, notes, and snippets. ... <看更多>
cursor css 在 Creating Custom Cursors - CSS Only, and JavaScript! 的推薦與評價
![影片讀取中](/images/youtube.png)
https://skl.sh/designcourse19 - First 500 people to sign up will get their first 2 months free!Today's Question ... ... <看更多>
cursor css 在 Custom Cursor CSS Default and Pointer - Stack Overflow 的推薦與評價
... <看更多>