純 CSS 創作乙隻憤怒小鳥中的黑炮

2021-08-25 02:47:16 字數 975 閱讀 6251

blackbombinangrybirds.html

blackbombinangrybirds.css

/* 居中顯示: */

body

.black_bomb

/*偽元素的共同屬性

*/.black_bomb *::before,

.black_bomb *::after

/*畫出頭部輪廓

*/.black_bomb

.head

/*用偽元素畫出眼睛的輪廓:

*/.eyes::before,

.eyes::after

.eyes::before

.eyes::after

/*用徑向漸變畫出眼球和瞳孔:

*/.eyes::before,

.eyes::after

.eyes::before

.eyes::after

/*用偽元素畫出眉毛:

*/.eyebrows::before,

.eyebrows::after

.eyebrows::before

.eyebrows::after

/*畫出嘴的輪廓:

*/.mouth

/*用偽元素畫出上下頜的分界線:

*/.mouth::before

/*畫出胸前的羽毛:

*/.head

.head::before

/*畫出冠羽:

*/.hair

.hair::before

/*調整冠羽的形狀:

*/.hair

/*接下來畫陰影,增強立體感。

*//*

為頭部增加陰影:

*/.head

.head::after

/*為嘴增加陰影:

*/.mouth

如何用純 CSS 創作乙隻徘徊的果凍怪獸

按下右側的 點選預覽 按鈕可以在當前頁面預覽,點選鏈結可以全屏預覽。請用 chrome,safari,edge 開啟 定義 dom,容器中包含 2 個元素,分別代表怪獸的身體和眼睛 設定背景色 body設定前景色 monster畫出怪獸的身體 monster body 定義怪獸眼睛所在的容器 eye...

我是乙隻IT小小鳥裡面牛人的部落格

蔣宇東 現就職於上海某公司 c 程式設計師 部落格 居振梁 部落格 劉帥 現就職於amazon sde test 部落格 李成 現就職於北京飛維美地資訊科技 軟體工程師 部落格 溫衛斌 現就職於中國農業銀行軟體開發中心 部落格 胡江堂 現就職於賽諾菲巴斯德 sas程式設計師 部落格 辜新星 現就職於...

《暗時間》的筆記 不是書評 《我是乙隻IT小小鳥》

豆瓣首發 1.這是pongba寫給 我是乙隻it小小鳥 一書的不是書評的書評。在這篇筆記開始之前,很想問問葉卡老師乙個問題,現在的小小鳥們的近況如何?因為看到很多人的部落格已經很少更新甚至不再更新了,記得葉卡老師之前也曾提到過這個問題。2.論點不唯一,乙個乙個來。設計你自己的進度條。要點1 進度條,...