エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
遷移ボタンを作るコードの仕組みを知る(前編) - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
遷移ボタンを作るコードの仕組みを知る(前編) - Qiita
はじめに こんにちは。Qiita株式会社で主にQiita Zineの記事制作を担当しています。非エンジニアです。... はじめに こんにちは。Qiita株式会社で主にQiita Zineの記事制作を担当しています。非エンジニアです。記事やサイトは見るのも作るのも好きで、そこからHTMLやCSSに興味を持って調べるなどして、少し勉強しています。 ボタンを作ってもらう さて今回は、サイトを見ていると大抵ある遷移ボタンのデザインがどのような仕組みでできているのかを調べます。Chat GPT先生にコードを教えてもらって、そのコードをいじって、仕組みを知るという流れ。 HTMLのコードを教えてもらう 私「シンプルでかっこいい遷移ボタンを教えて」 Chat GPT「どうぞ」 <html> <head> <style> /* スタイルの設定 */ .transition-button { display: inline-block; padding: 10px 20px; background-color: #000;