css– tag –
-
株式会社プライムマネジメント
https://pri-management.com -
margin-inline:autoを使おう
.box { margin-inline: auto; } https://zenn.dev/tonkotsuboy_com/articles/margin-inline_auto -
文字を□で囲う
<h3 class=""><span class="span1">お</span><span class="span1 span2">客</span><span class="... -
text-strokeとpoint-order
<span class="text-stroke pl"><span class="fs-l">現地調査</span>まで</span> .fv-text h1 .text-stroke { -webkit-tex... -
CSSのbackground-imageを相対参照で読み込む
background-image: url("../../../uploads/bg-single-works.webp"); -
疑似要素とclip-pathで三角形
&:after { position: absolute; content: ""; width: 200px; height: 50px; bottom: -50px; left: 50%; transform: translateX(-50%); background-color: #9D... -
text-shadow
text-shadow .c-page-headline-ttl { text-shadow: rgba(176, 154, 87, 0.7) 1px 1px 10px, rgba(176, 154, 87, 0.7) -1px 1px 10px, rgba(176, 154, 87, 0.7) 1px -1px... -
タブ機能の作り方【アクセシブルな実装シリーズ】
https://baigie.me/engineerblog/building-accessible-tabs/ <div class="tab-area"> <h2 id="tablist-label">タブ見本項目一覧</h... -
【2024年】ハンバーガーメニューの作り方決定版【コピペ可能】
https://baigie.me/engineerblog/definitive-hamburger-menu/ <header class="header"> <div class="header__inner"> <button id=&... -
【CodePen】グリッチエフェクトのアイデア15選
https://webclips.jp/design/codepen-glitch-effect/ -
点
.kenten.kenten_js>span { padding: .32em 0; background: radial-gradient(0.16em 0.16em at center center, currentColor 48%, transparent 56%) repeat-x left to... -
【CSS】CSSだけで背景色に合わせて文字の色を変化させるブレンドモードという方法【mix-blend-mode】
h1 {mix-blend-mode:normal;} h2 {mix-blend-mode:difference;} h3 {mix-blend-mode:overlay;} h4 {mix-blend-mode:exclusion;} h5 {mix-blend-mode:screen;} img {mix-...
12