訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

利用css3.0寫出一個音樂播放的唱片碟盤的效果

2021/1/24 16:30:44 字體: 瀏覽 2695




<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<title>利用css3.0寫出一個音樂播放的唱片碟盤的效果</title>
</head>

<body>
<div class="vinyldiv"></div>

<style>
.vinyldiv {
position: absolute;
top: 2px;
left: 2px;
display: block;
z-index: 10;
width: 112px;
height: 112px;
-webkit-border-radius: 59px;
-moz-border-radius: 59px;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.5);
-webkit-transition: all .25s linear;
overflow: hidden;
border: solid 1px black;
background: -webkit-gradient( linear, left top, left bottom, from(transparent), color-stop(0.1, transparent), color-stop(0.5, rgba(255,255,255,0.25)), color-stop(0.9, transparent), to(transparent)), -webkit-gradient( radial, 56 56, 10, 56 56, 114, from(transparent), color-stop(0.01, transparent), color-stop(0.021, rgba(0,0,0,1)), color-stop(0.09, rgba(0,0,0,1)), color-stop(0.1, rgba(28,28,28,1)), to(rgba(28,28,28,1)));
border-top: 1px solid rgba(255,255,255,.25);
}
</style>
</body>
</html>

相關閱讀
深山行者V1.2旅行社網站管理系統
武義熟溪溫泉旅行網
利用fso判斷文件是否存在
asp防止access數據庫被下載破解
python錯誤yntaxError: Non-UTF-8 code starting with '\xd3' in file 文件.py but no encoding declared
初期入門地接旅行社建站解決方案
超強的中間自適應,左右固定,有許多值得學習的地方
CSS設計符合Web標準的網頁表單的幾個技巧
共有0條關于《利用css3.0寫出一個音樂播放的唱片碟盤的效果》的評論
發表評論
正在加載評論......
返回頂部發表評論
呢 稱:
表 情:
內 容:
評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼: 驗證碼 
網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇
百度小程序開發
微信小程序開發
微信公眾號開發
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類信息
jquery設置或獲取修改classname
利用css3.0寫出一個音樂播放的唱片碟盤的效果
利用css中的scale()實現放大縮小效果
利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
更多>>最新添加文章
在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
aliyun阿里云續費域名優惠口令(注冊、續費都可以使用)
windows7環境下安裝配置jdk
python對微信操作要用到這兩個庫wxpy與itchat
ASP中Utf-8與Gb2312編碼轉換亂碼問題的解決方法頁面編碼聲明
DW設置之后更好用 DreamweaverCS編輯GB2312與UTF-8文件在代碼視圖中點擊鼠標錯位問題的解決辦法
更多>>隨機抽取信息
點擊密碼框彈出小鍵盤
'禁止站外提交頁面和數據
用CSS層疊樣式表實現文字變圖象特效
innerHTML動態改變ID的CSS樣式表
chrome谷歌瀏覽器中的谷歌翻譯有問題一鍵修復處理
css a標簽與如何利用css中text-indent實現文章縮進
91超碰caoporen国产香蕉|亚洲天堂在线免费|国产成人片在线观看|日本午夜免a费看大片中文|香蕉国产在线观看免费