D-NETの検索結果1 - 2 件 / 2件

• あとで読む

  CSSでclip-pathにshadowをつける方法 - D-NET

  • 4 users
  • forsmile.jp
  • テクノロジー
  • 2022/06/21

  canvasなどの技術を使用しなくてもCSSのみでも多角形などを作成できます。 clip-pathのpolygonを使って写真を斜めにカットしているサイトも多く見受けられるようになってきました。 今回は、「clip-path」に対して影（shadow）をつけるにはどうしたら可能かというのを解説します。 box-shadow では影（shadow）がつかない 最初は失敗例です。単純にclip-pathの要素に対して、box-shadowを指定してあげれば良いのではと思うかもしれません。しかし、clip-pathの性質上、影の部分がちょうどカットされてしまいます。 サンプル CODE // html <div class="clip-path-hexagon box-shadow" style="width: 200px;height: 173px;background-color: #00C

  • css
  • Webデザイン

  
• あとで読む

  [WORDPRESS]投稿に外部APIから取得した情報を表示する - D-NET

  • 3 users
  • forsmile.jp
  • テクノロジー
  • 2021/07/06

  ゲーム記事を書こうとしたのがきっかけで、基本的なアプリの情報はAPIから取得したら楽かなと思いました。 下記ページのアプリ基本情報はAPIから取得した情報を表示しています。 サンプル-APIから取得した情報表示 自分はiPhoneなのでとりあえずIOSの情報だけで良いかと思って探してみたらこんなAPIがありました。 iTunes Search API 上記をWORDPRESSの投稿上に表示してみたいと思います。 phpでcurlを使用して外部APIからデータを取得する 外部APIを取得する方法としては、JavaScriptを使用してもできますが、今回はphpのcurlで実装します。 wp_remote_getというWORDPRESSの関数もあります。こちらは紹介のみしておきます。 関数リファレンス/wp remote get functions.phpに記載していくのですが、更新の際に変更