在現代社會中,越來越多的人喜歡拍攝自己生活中的點滴,其中雙人自拍在年輕人群體中尤其受歡迎。為了讓更多人能夠擁有漂亮的自拍照片,設計師們推出了許多精美的CSS模板,其中包括一款特別的雙人自拍室內模板。
這個CSS模板的設計非常簡潔大方,室內場景清新明亮,顏色搭配非常得體,讓人一看就覺得溫馨自然。
.room { background-color: #f2e2d8; background-image: url('img/bg-room.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 20px; width: 800px; height: 500px; padding: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
在雙人自拍模板中,還有一個相框專門為兩個人拍攝設計。這個相框非常獨特,中間印有兩個心形的洞,讓兩個人的臉能夠充滿整個相框,呈現出非常浪漫溫馨的感覺。
.photo-frame { width: 300px; height: 330px; margin: auto; margin-top: 50px; border: 5px solid #e6b9a9; border-radius: 20px; background-color: #fff; background-image: url('img/bg-frame.png'); background-repeat: no-repeat; background-position: center center; background-size: cover; } .photo-frame .hole { position: relative; width: 130px; height: 130px; margin: 20px auto; border-radius: 50%; background-color: #e6b9a9; background-image: url('img/heart.png'); background-repeat: no-repeat; background-position: center center; background-size: 60%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .photo-frame .hole:before { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #fff; background-color: #e6b9a9; top: -10px; right: -10px; } .photo-frame .hole:after { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; border: 5px solid #fff; background-color: #e6b9a9; bottom: -10px; left: -10px; }
使用這款CSS模板拍攝出來的雙人自拍照片,絕對會成為你的回憶精品,讓你的朋友和家人都驚嘆不已。
上一篇CSS模板制作冰淇淋做法
下一篇css模板編輯字體顏色