テスト投稿11

developer

October 20, 2023

テキストアニメーション使用言語CSS HTML JavaScript開発工数2時間〜費用目安10,000円〜

HTMLの解説

解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。

HTML

<select id="select">
    <option value="all">ALL</option>
    <option value="value01">VALUE01</option>
    <option value="value02">VALUE02</option>
    <option value="value03">VALUE03</option>
    <option value="value04">VALUE04</option>
</select>

TypeScriptの解説

解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。

詳細な解説コード

TypeScript

export const getStaticPaths: GetStaticPaths = async () => {
  const allPosts = await getAllPostsWithSlug()

  return {
    paths: allPosts.edges.map(({ node }) => `/posts/${node.slug}`) || [],
    fallback: true,
  }
}

SCSSの解説

解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。

SCSS

.c-title-lv1 {
    color: $c-primary;
    text-align: center;
    font-size: 2.4rem;
    line-height: calc(40 / 24);
    font-weight: bold;
    background-color: $c-lightGreen;

    @include breakpoint(pc) {
        font-size: 2.8rem;
        line-height: calc(48 / 28);
    }
}

PHPの解説

解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。解説文章が入ります。

PHP

<?php ?>

Animation Library