知乎首頁實戰之下載知乎App模組
阿新 • • 發佈:2019-02-02
下載知乎App模組
這個模組只有一個按鈕,寬度與上方主模組 rectangle 相同,邊角如上一篇提到的方法,用 CSS3 border-radius 屬性向 div 元素新增圓角邊框 ;
.buttonApp{
background-attachment: scroll;
position: absolute;
left: 0;
right: 0;
top: 590px;
margin: auto;
padding: 0 16px 0 16px;
width: 432px;
height: 42px;
background-color : #8590a6;
color: white;
text-align: center;
font-size: 14px;
font-size-adjust:none;
font-weight: 400;
border-radius:3px;
}
點選這個按鈕會滑出二維碼,由於對jQuery的熟悉度不高,只做出一個平滑效果,寫在之後的文章了,這裡就只貼上塊級css程式碼。