kobitoDevelopment

ul:hover li{
  color:red;
}
li {
  transition-delay: calc(0.1s * sibling-index());
}

kobitoDevelopment

.background-image {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
.glass {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

kobitoDevelopment

.liquidGlass-wrapper {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 120px;
  border-radius: calc(1px * infinity);
  overflow: hidden;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2), 0 0 20px rgba(0, 0, 0, 0.1);

kobitoDevelopment

.title {
  --radius: 24px;
  position: relative;
  padding: 16px;
  border-end-end-radius: var(--radius);
  background-color: #fff;

  &::before,
  &::after {
    content: "";

kobitoDevelopment

body {
  padding-top: 100vh;
  padding-bottom: 100vh;
}
.parallax {
  height: 300vh;
  width: 100%;
  position: relative;
  /*デバッグ用*/
  margin-top: 200vh;

kobitoDevelopment

<h2>
  <a href="tel:000-0000-0000">000-0000-0000</a>
</h2>

kobitoDevelopment

.text {
  text-wrap: pretty;
}
.text span {
  font-size: 16px;
}
.text .icon {
  width: 16px;
}

kobitoDevelopment

// 1. 現在の時刻と日付の取得
console.log("--- 現在の時刻と日付の取得 ---");
console.log(Temporal.Now.instant().toString());
console.log(Temporal.Now.zonedDateTimeISO().toString());
console.log(Temporal.Now.plainDateISO().toString());
console.log(Temporal.Now.plainTimeISO().toString());

// 2. 特定の日付と時刻の作成
console.log("--- 特定の日付と時刻の作成 ---");
console.log(new Temporal.PlainDate(2023, 10, 26).toString());

kobitoDevelopment

.shape{
  --radius: 12px;
  position: relative;
  display:grid;
  width:200px;
  height:120px;
}

.shape:before{
  content: "";

kobitoDevelopment

.wrap{
  width:100%;
  max-width:840px;
  border:3px solid green;
}
.container{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:132px;
  border:3px solid orange;