在 HTML5 家族中,CSS3 無疑是一名舉足輕重的家庭成員。我們可以利用 CSS3 的各種特性來完成非常炫酷實用的 HTML5 應用插件,方便前端開發者快速實現需要的功能。今天分享的 10 款最新 HTML5/CSS3 應用也許能激發你的靈感。
jQuery是一個非常不錯的JavaScript腳本庫,之前我們也分享了很多關于jQuery的插件,有菜單、表單、圖片、動畫等等。今天我們要分享一些最新的jQuery/CSS3插件,每一個都提供源代碼的下載,希望大家喜歡。
15個最佳CSS3加載動畫教程
2014年20個實用的CSS3懸停效果教程
jQuery是一款很強大的JavaScript框架,本文介紹的9個應用插件很多都是基于jQuery的,另外,CSS3的應用讓這些插件增添了不少光彩,特別是第一個動畫插件Animate.css非常實用,可以讓你實現50多種不同的網頁動畫。
30 個最好的免費響應式 HTML5 CSS3 網站模板
如果你經常活躍在一些社交網站上,那么你肯定會看到過很多形式各異的分享按鈕,目前由于HTML5和CSS3的普及,很多分享按鈕也都應用了 CSS3樣式,甚至會有很多帶有動畫的CSS3分享按鈕。本文就向大家介紹了9款經典華麗的CSS3分享按鈕,以及它們的源代碼,希望能給各位開發者帶來 一定的幫助。
這是一款使用GSAP的TweenMax.js和 CSS3 來制作的效果炫酷的盒子爆炸動畫特效。該爆炸動畫在用戶點擊頁面中的一個彈跳的盒子的時候,盒子會爆炸為煙霧,然后會出現 SVG Logo,整個效果非常連貫逼真。
使用css3的圓角、旋轉、剪切屬性實現圓形進度條,原理不難,兩次剪切加一次旋轉。 進度條分左右兩邊,50%一下操作右邊的就行,超過50%操作左邊的 樣式隨便寫的,代碼如下: html部分: <div?class="div1"> ?<div?class="right-div2"> ?????<div?class="right-div3"></div> ????</div> ????<div?clas
Modernizr是一個檢測瀏覽器對HTML5和CSS3特性支持的JS庫,著名的HTML5/CSS3瀏覽器兼容性網站 FindmeByIP 就是基于該框架實現的。 modernizr的功能其實很簡單,就是用js檢測瀏覽器對HTML5/CSS3的特性支持情況,支持某個屬性,就在頁面的<html>標簽上添加一個相應的class,不支持的話就添加一個no-前綴的class,比如,如果檢測的瀏覽器支持vi
20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates HTML5 Boilerplate – Templating that fits all needs This is the most useful for me. I usually have jobs that need easy setup, but a lot of opti
當前HTML5和CSS3框架正變得越來越流行,以下將介紹一些熱門的CSS3和HTML5框架。 Gridless Gridless is an awesome HTML5 and CSS3 framework for making responsive, cross-browser websites with beautiful typography. Inuit.css Created by Ha
CSS3給Web開發帶來了革命性的影響,以前很多需要JavaScript才能實現的復雜效果,現在使用CSS3就能簡單的實現。今天這篇文章和大家分享16個優秀的CSS3表單開發教程。 1. Create a Stylish Contact Form with HTML5 & CSS3 2. Create a Slick CSS3 Login Form NO IMAGES ALLOWED 3. Glo
Sliding Menu Buttons Using CSS3 & jQuery In this tutorial you will learn how to create buttons with sliding menus using CSS & jQuery. Style a spacious grey form using CSS3 This tutorial will show you
這篇文章里我們將學習CSS里flexbox布局的幾個最重要的概念,通過學習flexbox布局,你會發現以往遇到的所有的關于布局的問題,現在都可以輕松解決了。
在移動端上正確地實現動畫也比較簡單...如果你采納我們的建議的話。雖然現在每個人都會使用 CSS3 實現動畫,但許多人用的都不夠恰當。很多應加以考慮的最佳實踐常常被忽略,因為仍然有人不明白這些最佳實踐的真正意義。如今有這么多的設備規范,如果還不有針對性地優化你的代碼,糟糕的用戶體驗將讓你死無葬身之地。
如何創建一個基于HTML5&CSS3的優美聯系表單。如何建立跨瀏覽器的HTML5表單。如何用CSS3和jQuery創建一個多步驟的注冊表單。簡潔和時尚的CSS3的表單。創建一個HTML5和CSS3的簡潔和時尚的登錄表單。用CSS3設計一個漂亮的網頁表單。創建一個基于CSS3的優美聯系表單。如何使用HTML5, CSS3和PHP技術創建聯系表單。
8個你必須熟悉的 CSS3 屬性
今天我們帶來了更多關于折疊特效的資源,可以幫助你方便的實現這些折疊效果。注意,這里都可以使用CSS 3D來進行效果變換,如縮放、傾斜、旋轉等等。
在今天的文章中,大家將會學到如何使用偽元素來創建一個超酷的CSS3搜索框。