內容簡介
請注意,您需要能夠將類別和 ID 添加到元素中才能使用這些工具。有關更多信息,請參見常見問題解答。
** 垂直均衡器 **
使頁面上的元素高度相等。例如,您有3列,您希望每個標題的高度相同,無論其長度如何,以便列均勻顯示。
向要高度相同的元素添加類別“rbveq”和“rbveq-groupname”,其中groupname是該組的唯一標識符。因此,您的三個標題可能會像這樣:
Foo Bar
現在所有這些元素的高度都相同
默認情況下,元素不會在768px以下均衡,但您可以通過將類別rbveq-breakpoint-xx添加到組中的任何一個元素中來自定義斷點,其中xx是您不希望元素進行高度均衡的斷點以下。
** 自動輸入文字 **
當文本滾動到視圖中時,自動讓文本顯示出自己打字的效果。僅使用於文本元素,通過添加類別“rb-autotype”和唯一ID即可。
例如,如果您想要當一個段落元素滾動到視圖時進行自動輸入,您可以使用:
Lorem Ipsum
** 頭部裝飾 **
將段落的第一個字母變成頭部裝飾。只需在文本元素中添加類別“rb-dropcap”。因此,如果您想要一個段落元素以頭部裝飾開始:
Lorem Ipsum
外掛標籤
開發者團隊
原文外掛簡介
Please note you need to be able to add classes and IDs to elements to use these tools. See Frequently Asked Questions for more information.
** Vertical Equaliser **
Equalises the height of elements on the page. For example, you have 3 columns and you want the title of each to be the same height regardless of its length, so the columns display evenly.
Add the class ‘rbveq’ and ‘rbveq–groupname’ to the elements you want to be the same height, where groupname is a unique identifier for that group. So your three titles might look like this:
Foo Bar
All those elements will now have the same height
By default, elements will not be equalised below 768px, but you can customise the breakpoint by adding the class rbveq-breakpoint–xx to any one of the elements in the group, where xx is the breakpoint below which you do not want the elements to be height-equalised.
** Autotype **
Autotype makes text appear to type itself out once it scrolls into view. Use only on text elements, by adding the class ‘rb-autotype’ and a unique ID.
For example, if you want a paragraph element to autotype when it scrolls into view you would use:
Lorem Ipsum
** Drop Cap **
Turns the first letter of a paragraph into a drop cap. Simply add the class “rb-dropcap” to the text element. So if you want a paragraph element to start with a dropcap:
Lorem Ipsum
