深入理解Box Shadow以及運用

2021-10-03 02:32:35 字數 587 閱讀 7640

box-shadow(盒子陰影)可設定的屬性一共有六個,分別是x軸、y軸、blur、spread(模糊擴散範圍)、color、insert(內陰影),其中經常用到就是設定x y軸、blur(模糊度)以及color(顏色)這四個值。

準備工作

建立好之後給這個盒子新增一些樣式,**如下:

前兩個步驟結合效果如下:

注意:來自小公尺官網

給盒子新增陰影效果,**如下:

注意:來自小公尺官網實戰用到了box-shadow中的blur,給blur設定了相應的樣式,並且為了讓效果更佳,加了乙個過渡動畫。

深入理解Dip Ioc Di以及Ioc容器

學習 dip 依賴倒置 一種軟體架構設計的原則 抽象概念 ioc控制反 一種反轉流 依賴和介面的方式 dip的具體實現方式 di依賴注入 ioc的一種實現方式,用來反轉依賴 ioc的具體實現方式 ioc容器 依賴注入的框架,用來對映依賴,管理物件建立和生存週期 di框架 dip 一種軟體架構設計原則...

深入理解C語言 深入理解指標

關於指標,其是c語言的重點,c語言學的好壞,其實就是指標學的好壞。其實指標並不複雜,學習指標,要正確的理解指標。指標也是一種變數,占有記憶體空間,用來儲存記憶體位址 指標就是告訴編譯器,開闢4個位元組的儲存空間 32位系統 無論是幾級指標都是一樣的 p操作記憶體 在指標宣告時,號表示所宣告的變數為指...

mysql 索引深入理解 深入理解MySql的索引

為什麼索引能提高查詢速度 先從 mysql的基本儲存結構說起 mysql的基本儲存結構是頁 記錄都存在頁裡邊 各個資料頁可以組成乙個雙向鍊錶每個資料頁中的記錄又可以組成乙個單向鍊錶 每個資料頁都會為儲存在它裡邊兒的記錄生成乙個頁目錄,在通過主鍵查詢某條記錄的時候可以在頁目錄中使用二分法快速定位到對應...