CSS3 で less のテキストの長い影を実装する
|
この記事では主に、CSS3 LESS で長いテキストの影を実装する方法を紹介し、皆さんと共有します。詳細は次のとおりです。 質問 以下の効果を達成するには
主な知識ポイント CSS テキストシャドウレスのフォントシャドウ 構文内のループとマージコード <div class="long-shadow">豮艸芔茻</div>
.loop(@counter) の場合 (@counter > 0) {
.loop((@counter - 1));
テキストシャドウ+: (1px * @counter) (1px * @counter) #2d585a;
}
.long-shadow{
オーバーフロー: 非表示;
背景色: #5f9ea0;
幅:800ピクセル;
高さ: 160px;
行の高さ: 160px;
テキスト配置: 中央;
文字間隔: 80px;
色: #fff;
フォントサイズ: 100px;
.ループ(200);
}CSS3 で less のテキストの長い影を実装する方法についての記事はこれで終わりです。less のテキストの長い影に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 |
<<: Docker 階層化パッケージを使用して Spring Boot を設定する方法
>>: 初心者向けWebサイト構築ガイド⑥：FlashFXPの詳しい使い方
推薦する
DockerでGit環境を構築して構成するプロセス
DockerでGit環境を構成する仕事上、Docker 環境で GitLab リポジトリを操作する必...
Bash の山括弧の深い理解 (初心者向け)
序文Bash には、ls、cd、mv などの重要な組み込みコマンドが多数あるほか、grep、awk、...
Docker クリーンアップ環境操作
丁寧に掃除を始めましょう！未使用ボリュームの一覧docker ボリューム ls -qf dangli...
Vueでアイコンをカスタマイズする手順
ant-design-vue は Ali iconfont icons の使用をカスタマイズします\...
バッチファイルを処理するLinuxの1行コマンドの詳細な説明
序文最良の方法は、あなたが思いつく最も速い方法ではないかもしれません。職場で一時的に使用するスクリプ...
UA による Web サイトのクロールを防ぐ Nginx のクローラー対策戦略
クローラー対策ポリシー ファイルを追加しました: vim /usr/www/server/nginx...
MySQL 完全崩壊: クエリフィルタ条件の詳細な説明
概要実際のビジネス シナリオ アプリケーションでは、ビジネス条件に基づいて対象データを取得およびフィ...
tomcat デプロイメント プロジェクトの実装と IDEA との統合
目次Tomcat でプロジェクトを展開する 3 つの方法プロジェクトをwebappsディレクトリに直...
MySQL 8.0.18はデータベースにユーザーを追加し、権限を付与します
1. データベースにログインするには、rootユーザーを使用することをお勧めします。 mysql -...
MySQL の制限使用法とページングクエリステートメントのパフォーマンス分析の詳細な説明
使用制限クエリ ステートメントを使用する場合、多くの場合、データの最初の数行または中間行を返す必要が...
シェルスクリプトは、Docker の半自動コンパイル、パッケージ化、およびリリースアプリケーション操作を構築します。
Docker 公開方法は、DevOps (送信、コンパイル、パッケージ化、リリースなどの一連のイベ...
uniapp アプレットでウォーターフォール フロー レイアウトを実装するためのアイデアとコード
1. はじめに今、ウォーターフォールフローについて書くことは、古い内容の焼き直しと見なされますか?気...
Windows 10 の仮想マシンに Mac システムをインストールするグラフィック チュートリアル
1. 仮想マシンバージョン15.5.1をダウンロードする公式サイトから直接最新バージョンをダウンロー...
MySQLのレプリケーションの詳細な分析
1.MySQLレプリケーションの概念これは、プライマリ データベースの DDL および DML 操作...
MySQLカバーインデックスの利点
一般的な提案は、WHERE 条件のインデックスを作成することですが、これは実際には一方的です。インデ...