網(wǎng)頁設(shè)計(jì)師嘗試將 CSS 用于對(duì)角線網(wǎng)站布局

一個(gè)網(wǎng)頁設(shè)計(jì)靈感網(wǎng)站提供了一篇關(guān)于如何創(chuàng)建對(duì)角線布局的文章。對(duì)于那些認(rèn)為這篇文章太長(zhǎng)而沒有讀完的人，它提供了一個(gè)關(guān)于開發(fā)對(duì)角布局的 CSS 教程。網(wǎng)站設(shè)計(jì)師可能想要使用對(duì)角線布局的原因有很多。這些原因包括為網(wǎng)站添加動(dòng)態(tài)外觀和移動(dòng)。大多數(shù)網(wǎng)站只是簡(jiǎn)單地依靠 90 度角和矩形框進(jìn)行設(shè)計(jì)。

該站點(diǎn)包括供設(shè)計(jì)師嘗試的教程和代碼片段。它展示了如何使用 CSS 代碼來旋轉(zhuǎn)盒子，以便為盒子的內(nèi)容創(chuàng)建對(duì)角線效果。它還演示了旋轉(zhuǎn)和傾斜變換之間的區(qū)別。在對(duì)角線上創(chuàng)建網(wǎng)站設(shè)計(jì)的正確方法是傾斜。偽元素也在對(duì)角線上的變換中起作用。

對(duì)于一生中從未夢(mèng)想過會(huì)使用三角函數(shù)的網(wǎng)頁設(shè)計(jì)師來說，本教程可能會(huì)讓他們大開眼界。當(dāng)盒子有對(duì)角線傾斜時(shí)，設(shè)計(jì)師可能不得不返回并利用他們的三角學(xué)經(jīng)驗(yàn)，以便讓他們的內(nèi)容適合盒子。對(duì)于那些從未學(xué)過三角學(xué)或大腦用其他生活經(jīng)歷重寫它的人來說，不要害怕。這些信息也可以通過谷歌搜索獲得。

本教程已與 Web 設(shè)計(jì)人員和 CSS 編碼人員的大型在線社區(qū)的成員共享。一個(gè)人看了教程，說可用的 CSS 轉(zhuǎn)換是驚人的。這位人士解釋說，當(dāng)談到 CSS 可以做什么時(shí)，向?qū)蔷€傾斜只是冰山一角。另一個(gè)人想知道是否有任何網(wǎng)站示例在對(duì)角線上顯示內(nèi)容，如教程所示。他們特別想知道利用這種轉(zhuǎn)換的設(shè)計(jì)良好或“好”的網(wǎng)站。