Banner

バナーリンクを表示するためのLismの使用例を紹介します。

Examples

↓

Preview

<Frame isLinkBox href='#banner-link' hov='fade' trs bdrs='4'>
  <img src='https://picsum.photos/seed/hogeee/1200/400' alt='' width='800' height='200' />
</Frame>

↓

Layerで画像に被せてコンテンツを表示

<Frame isLinkBox href='#banner-link' hov='fade' trs ar='3/1' bdrs='4'>
  <Media src='https://picsum.photos/seed/hogeee/1200/400' alt='' width='960' height='640' loading='lazy' />
  <Stack isLayer jc='c' g='5' px='40' c='#fff' bgc='rgb(0 0 0 / 50%)' lh='s'>
    <Text fz='xl' fw='bold'>Banner</Text>
    <Dummy fz='s' lang='ja' length='s'/>
  </Stack>
</Frame>