lity.js活用ガイド：画像・YouTube動画を魅力的にポップアップ表示する方法｜DAD UNION – エンジニア同盟Webページを彩る方法として、画像や動画をポップアップ表示することがあります。 今回は、lity.jsを使って画像やYouTube動画をポップアップ表示する方法をご紹介します。 CSSの記述 まずは、lity.cssファイルを読み込み、必要に応じてスタイルを調整します。 <style> body { font-size: 16px; text-align: center; } h1{ text-align: center; font-size: 20px; line-height: 1.6em; padding-top: 20px; } h2{ font-size: 18px; } p{ padding-bottom: 10px; font-size: 18px; } </style> <link href="lity.css" rel="stylesheet"/> HTMLの記述 ポップ
