愚蠢的爆米花/p
CSS笨蛋爆米花/p
@ import URL (https://fonts.googleapis.com/CSS？ family=Amiri
/dddcgddcg { transition :3 s linear； padding:0； margin:0； } dddcg/
body {
背景影像：线性梯度(-225度，rgba (44，216，213，0.45 )，#C5C1FF 56% )，rgba ) 255，186，186
后台- repeat :否- repeat；
后台-附件：固定；
}
h2 {
margin: 2em；
letter-spacing: 0.2em；
color: #EEE
}
. container {
margin: 3em auto；
width: 90%；
文本对齐3360中心；
/dddcgfont-family : ' arefruqaa '，serif； dddcg/
字体系列： ' Ubuntu '，sans-serif；
/dddcg font-family: 'Lato '，sans-serif； dddcg/
字体系列： ' source sans pro '，sans-serif；
}
. item {
/dddcg后台： # fff； dddcg/
margin: 2em；
display :在线区块；
width: 200px；
高： 200 px；
border-radius: 20px；
变换：旋转(45度)；
position: relative；
Overflow :隐藏；
transition : all 0.3 sease in-out；
padding: 0；
box-shadow:01px3pxrgba(0、0、0、0.12 )、01px2pxrgba、0、0.24 )；
margin : 0自动；
}
. item p {
位置： absolute；
变换： rotate (-45 deg )；
top: 30%；
left: -20%；
后台： rgba (0、0、0、0.7 )；
padding: 10px 20px；
width: 130%；
文本对齐3360中心；
color: #fff；
transition : all 0.3 sease in-out；
}
. item:hover {
变换：无；
变换： scale (1.5；
z-index: 2；
box-shadow :010 px 20 px rgba (0，0，0，0.19 )，06px6px rgba (0，0，0，0.23 )；
}
. item:hover p {
变换：无；
top: 0；
}
img {
width: 100%；
height: 100%；
传输： 0.3s线性；
变换： rotate (-45 deg ) scale (1.4 ) )。
}
. item:hover img {
变换：无；
}
p.ar {
字体- family : ' rak kas '，cursive；
font-size: 1.1em；
}
body :3360-WebKit-scroll bar {
width: 0.7em；
背景色： # eee；
}
body :3360-WebKit-scroll bar-thumb {
/dddcgbackground-image :线性梯度(totop，#fbc2eb 0%，#a6c1ee 100% )； dddcg/
后台图像：线性梯度(totop，#a8edea 0%，#fed6e3 100% )；
/dddcgbackground-image :线性梯度(totop，#a8edea 0%，#fed6e3 100% )； dddcg/
/dddcgbackground :线性梯度(totop，#2193b0，#6dd5ed )； dddcg/
border-radius: 1em；
}