純css 實現菱形
直接代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
lt DOCTYPE html gt lt html gt lt head gt lt meta charset UTF gt lt title gt lt title gt lt style type text css gt .one border: px solid transparent width: border bottom: px solid black .two border: p ...
2019-02-19 15:59 0 779 推薦指數:
直接代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...
...
同理一個菱形是 ...
...
opacity{ opacity:0.5; filter:alpha(opacity=50); //filter 過濾器 兼容IE678 } ...
出自:小tip: 使用CSS將圖片轉換成模糊(毛玻璃)效果 .blur { filter: url(blur.svg#blur); /* IE10, IE11 */ -webkit-filter: blur(10px); /* Chrome, Opera ...
效果圖: 實例代碼: ...
比較簡單的菱形圖片: 效果如下 代碼部分: <div class="d1"> src="img/5.jpg"> </div> .d1{ margin-left: 100px; display ...