av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

svg動畫 - css3與svg

瀏覽:91日期:2023-07-31 17:36:14

問題描述

css3能對svg做哪些動畫?且如何做?

附svg文件。

html<?xml version='1.0' encoding='utf-8'?><!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='15.167 -16.333 1000.636 1000.678' enable-background='new 15.167 -16.333 1000.636 1000.678' xml:space='preserve'><g> <path fill='#272636' d='M512.545,923.104c-241.943,0-438.101-196.158-438.101-438.095c0-241.943,196.158-438.101,438.101-438.101c241.937,0,438.095,196.158,438.095,438.101C950.641,726.946,754.483,923.104,512.545,923.104L512.545,923.104z M512.545,83.415c-221.792,0-401.593,179.801-401.593,401.593c0,221.786,179.801,401.588,401.593,401.588c221.786,0,401.588-179.801,401.588-401.588C914.133,263.217,734.332,83.415,512.545,83.415L512.545,83.415z M366.51,777.073V631.039H256.987V265.958h511.115v365.081H512.545L366.51,777.073L366.51,777.073z M731.591,302.466H293.495v292.065h109.523v109.523l109.528-109.523h219.045V302.466L731.591,302.466z M403.018,485.008h219.05v36.507h-219.05V485.008L403.018,485.008z M403.018,375.481h219.05v36.508h-219.05V375.481L403.018,375.481z M403.018,375.481'/></g></svg>

問題解答

回答1:

法實現標題欄的動態顯示/隱藏?

回答2:

大部分 css 都可以作用于 svg 元素,只需要像寫普通 css 一樣,把選擇器寫對就行了。如果需要的話,可以給 path 加上 class 或者 id 屬性。不光是 css 動畫,就連 fill 這樣 svg 屬性都可以都可以通過 css 來指定。但有時候我們想要一些效果需要更改圖形的結構,比如提主貼出來的圖,是一個對話框加一個外環,如果我想讓對話框翻轉的話,就要把它單獨拿出來做一個 path 元素了。這時候就需要設計師的協助(如果提主自己會手改 svg 的話也可以)。http://jsfiddle.net/dw7akdg1/

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产aⅴ爽av久久久久久久 | 久久国产欧美一区二区三区精品 | 四虎成人在线播放 | 在线资源视频 | 欧美一区二区三区国产 | 日韩伦理一区二区 | 中文字幕精品一区二区三区精品 | 夜夜骚视频 | 第四色影音先锋 | 精品一区二区久久久久久久网站 | 日本三级网址 | 日韩在线大片 | 亚洲一区二区成人 | 欧美一区二区三区在线观看视频 | 久久亚洲精品国产精品紫薇 | 久久看片 | 91精品国产综合久久精品图片 | 一区二区影院 | 免费在线视频一区二区 | 欧美日韩精品一区二区三区四区 | 中文字幕啪啪 | www.狠狠干 | 中文字幕在线网 | 欧美精品1区2区 | 欧美一级二级三级 | 国产目拍亚洲精品99久久精品 | 国产资源在线观看 | 午夜影院网站 | 精品欧美一区二区久久久伦 | 国产91久久久久蜜臀青青天草二 | 久久国产精品偷 | 精品1区2区3区4区 | 国产免费xxx| 嫩草视频网站 | 超碰97人人人人人蜜桃 | 日韩欧美精品一区 | 久久国产精品一区二区 | 国产精品久久久久久一区二区三区 | 福利视频网址 | 不卡在线视频 | 午夜一区二区三区在线观看 |