ドットインストール - 3分動画でマスターできるプログラミング学習サービス

  • レッスン一覧
  • 料金プラン
    • レッスン一覧
    • 料金プラン
  • ログイン
  • 運営からのお知らせ

    • 2025/08/28 NEW

      【週刊ドットインストール】 Figma入門を制作中、256timesの新クラスを企画中

    すべて見る
  • トップ /
  • マイページ /
  • styles.css

styles.css

body {
  padding: 64px;
}

.message {
  width: 300px;
  padding: 8px 16px;
  background: #2c2c2c;
  color:#ddd;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  position: fixed;
  right: 32px;
  bottom: 32px;
  animation: popup 1s forwards;
}

button {
  width: 300px;
  padding: 8px 16px;
  position: fixed;
  right: 32px;
  bottom: 32px;
}

@keyframes popup {
  0% {
    transform: translateY(20px);
    opacity: 0;
    animation-timing-function: ease-out;
  }
  20%, 80% {
    transform: none;
    opacity: 1;
  }
  100% {
    transform: translateY(20px);
    opacity: 0;
  }
}
dotinstall

3分動画でマスターできるプログラミング学習サービスです。あなたもプログラミングを始めてみませんか?

サービスメニュー

  • レッスン一覧
  • 料金プラン
  • 法人向けライセンス
  • 256times
  • 運営からのお知らせ
  • プログラミング学習ガイド
  • プログラミング学習相談室
  • ヘルプ

ご利用にあたって

  • 利用規約
  • プライバシーポリシー
  • 利用者情報の外部送信について
  • 運営企業情報
  • 採用情報
  • 教材利用について
  • お問い合わせ

ソーシャルメディア

  • note
  • X (@dotinstall)
  • Facebookページ

更新情報

  • 新着レッスンRSS
  • 新着補足情報RSS

Copyright © 2011-2025 dotinstall.com. All Rights Reserved.