課程
/前端開發
/CSS3
/CSS3 3D 特效
我想讓自己的網頁不論用戶用什么瀏覽器都可以看見應該怎么寫呢?
2014-11-25
源自:CSS3 3D 特效 1-4
正在回答
?-webkit-animation: spin-right 10s linear infinite;
? ? ?-moz-animation: spin-right 10s linear infinite;
? ? ? -ms-animation: spin-right 10s linear infinite;
? ? ? ?-o-animation: spin-right 10s linear infinite;
? ? ? ? ? animation: spin-right 10s linear infinite;
@-webkit-keyframes spin-right {
? 100% {
? ? -webkit-transform: rotate(360deg);
? ? ? ?-moz-transform: rotate(360deg);
? ? ? ? -ms-transform: rotate(360deg);
? ? ? ? ?-o-transform: rotate(360deg);
? ? ? ? ? ? transform: rotate(360deg);
? }
從別的網站上拷過來一段貌似很有用
文盲
瀏覽器的兼容性是一個很大的話題了。事實上,讓用戶無論用什么瀏覽器都看見是不現實的,比如如果用戶還在用IE6,那就沒戲了。
最簡單的方案是檢測用戶瀏覽器的兼容性,之后對不兼容的情況給出替代方案。比如不兼容canvas動畫,則播放slash動畫。Modernizr是這方面的好工具。
而對于js,個別語句在不同瀏覽器中的不同處理方式,則更令人頭疼。采取降級方案通常要具體情況具體分析。而且深入到代碼層,很難采取統一的方式解決。(jquery源碼使用了很多相關技術以做到跨瀏覽器的兼容,如果有興趣可以閱讀其源碼,慕課網上有相關課程。)
舉報
使用CSS3當中的屬性,創建真實可用的三維效果
1 回答transition與瀏覽器
2 回答瀏覽器兼容
1 回答360瀏覽器,不是立體效果
2 回答新款瀏覽器兼容
1 回答瀏覽器兼容問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-12-02
?-webkit-animation: spin-right 10s linear infinite;
? ? ?-moz-animation: spin-right 10s linear infinite;
? ? ? -ms-animation: spin-right 10s linear infinite;
? ? ? ?-o-animation: spin-right 10s linear infinite;
? ? ? ? ? animation: spin-right 10s linear infinite;
@-webkit-keyframes spin-right {
? 100% {
? ? -webkit-transform: rotate(360deg);
? ? ? ?-moz-transform: rotate(360deg);
? ? ? ? -ms-transform: rotate(360deg);
? ? ? ? ?-o-transform: rotate(360deg);
? ? ? ? ? ? transform: rotate(360deg);
? }
從別的網站上拷過來一段貌似很有用
2014-11-25
瀏覽器的兼容性是一個很大的話題了。事實上,讓用戶無論用什么瀏覽器都看見是不現實的,比如如果用戶還在用IE6,那就沒戲了。
最簡單的方案是檢測用戶瀏覽器的兼容性,之后對不兼容的情況給出替代方案。比如不兼容canvas動畫,則播放slash動畫。Modernizr是這方面的好工具。
而對于js,個別語句在不同瀏覽器中的不同處理方式,則更令人頭疼。采取降級方案通常要具體情況具體分析。而且深入到代碼層,很難采取統一的方式解決。(jquery源碼使用了很多相關技術以做到跨瀏覽器的兼容,如果有興趣可以閱讀其源碼,慕課網上有相關課程。)