ブックマーク / little-strange.hatenablog.com (6)

  • 【CSS】グラデーション文字を作ってみました! - Little Strange Software

    どうも!LSSです!! 結構前に、「CSSでグラデーションする文字」を「下書き供養祭」としてネタにしました。 あの時はまだ「どうしてそうなるのか」イマイチ分からないままだったので「下書き供養」としましたが、ちょっと分かった気がしたので、再度ネタにしてみます! ↓こんなのを作ってみました。 Little Strange Software コード コード解説 文字の基設定部分 グラデーションを「背景として」 指定する部分 大技!「背景を文字の形に繰り抜く」部分 改変例 コード <span style="font-size: 50px; font-weight: bold; color: lightblue; background-color: blue; background-image: linear-gradient(180deg,transparent 20%,#ffffffe0 60

    【CSS】グラデーション文字を作ってみました! - Little Strange Software
    kirapapachang
    kirapapachang 2020/07/18
    こりゃ〜カッコいいですね✨真似しちゃおっかな〜☺️
  • まいくらにっき:マインクラフトってこんなゲーム - Little Strange Software

    どうも!LSSです!! もう結構前から、「マインクラフト」というゲームにハマっています。 何度か記事ネタにもしましたが、今回は「マインクラフトってこんなゲーム」という紹介記事になります。 ゲーム開始直後 ゲームの目的 採集 時間の流れ 初心者殺しの夜 デスペナルティ 初心者向け夜対策 開始から13分の間に、安全地帯を作ってそこに籠る ベッドを作る 2つの異世界 ネザー エンド ゲームクリアまでの流れ その他の要素 海底神殿 洋館 様々な環境で遊べます ゲーム開始直後 マインクラフトを起動し、「新しく世界を作る」で世界を生成して開始した直後の様子が↑の画像になります。 マインクラフトの「世界」は 「多種多様のブロックで構成された、現実世界を模した世界」 です。 画面内でいうと、まずキャラクターの立っている足元に「草の生えた土ブロック」、前方には「砂ブロック」で構成された砂漠に「サボテンブロッ

    まいくらにっき:マインクラフトってこんなゲーム - Little Strange Software
    kirapapachang
    kirapapachang 2020/07/15
    うちの息子も超ハマってますよ😆自分の世界観が現れるゲームですよね✨
  • 【CSS】吹き出しCSSについて解説してみます! - Little Strange Software

    どうも!LSSです!! 今回は、以前ちょこっと使った吹き出しCSSの解説とかやってみますw まずはコード コード解説 吹き出しの三角部分 吹き出し体の指定 吹き出しを実際に運用する指定方法 改変ポイント 試しに、吹き出し体に… 謝辞 まずはコード ↑で使っている吹き出しは、こんなコードで実現しています。 <style><!-- .fkds::before{ content:""; position:absolute; top:-14px; left:50px; width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid orange; } .fkds{ position:relative; pad

    【CSS】吹き出しCSSについて解説してみます! - Little Strange Software
    kirapapachang
    kirapapachang 2020/06/23
    吹き出し入れたかったので、参考になります✨ いつもありがとうございます😊
  • ネッククーラー、使ってみた感想! - Little Strange Software

    どうも!LSSです!! 今日は、以前の記事「最近のAmazonでの購入品」の中で書いたもののうち、 THANKO ネッククーラーNeo TK-NECK2-WH ホワイト メディア: を使ってみての感想記事をお送りします! まず、どういう商品かというと ペルチェ素子 確実にヒンヤリします! 気になる音はどんな感じ? 当てる位置によってもだいぶ感じ方が違う まだ格的にやってないけど、よさげな使用環境 首掛け扇風機との比較 お値段 冷感 コンパクトさ(使用時) コンパクトさ(非使用時) ファンの音 めだたなさ で、結局どっちのほうがいい? しかし…どうにも気になるのは… まず、どういう商品かというと 首にかけて使用するのですが、首にあたる左右の部分にアルミ板がついています。 このアルミ板が、ペルチェ素子によって冷却されているため、常にひんやりとした金属板が首にあたっている、という状態になります

    ネッククーラー、使ってみた感想! - Little Strange Software
    kirapapachang
    kirapapachang 2020/06/13
    暑いこの時期には 最高ですね✨
  • 夏の妄想 - Little Strange Software

    どうも!LSSです!! 昨日、「暑いのが苦手」って話をしましたが、そんな自分が毎年夏になると考える事を記事にしてみます。 タイトル通り、ぶっちゃけ妄想ですw 酷暑により、熱中症など人類に被害をもたらす夏。 クーラーなどの文明の利器により、膨大な電力を消費して対策をとりますが、来は 「熱=エネルギー」 であり、エネルギー資源の枯渇が憂慮される今日、この 「ありあまって困る熱エネルギー」を有効活用できないものか? …なんて事を考えます。 今の技術で、エネルギーを利用しやすい形にしたものといえば「電気」ですが、この夏の熱を電気に変換できないものか? と思い、検索してみると、一応そうした試みはあるみたいです。 で、自分も考えてみました。 モーターは電気を通すと回転しますが、逆に、回転させると電気を生じるもの(だったはず) で、なんらかのエネルギーによってモーターを回転させ、充電池パックに繋げば蓄

    夏の妄想 - Little Strange Software
  • 【CSS】色々なマーカーを考えてみました - Little Strange Software

    どうも!LSSです!! 先日の記事で、グラデーションをグラデーションしないようにしたら、よくあるマーカーになった話を書きましたが(←日語大丈夫か?w)、今回はそこからちょっとひねったようなマーカーをいくつか考えてみました。 マーカー色々(マーカーと言えないようなものもw) 上部が薄いマーカー マーカーというより筒のような? ふちどりマーカー 上下薄くして淡い感じのマーカー ラジアルなマーカー 使い方 マーカー色々(マーカーと言えないようなものもw) 上部が薄いマーカー 例えば、こんな感じのサンプルみたいなの。 <span style="background-image: linear-gradient(transparent 40%,orange 95%);">こんな感じのサンプル</span> マーカーというより筒のような? 例えば、こんな感じのサンプルみたいなの。 <span sty

    【CSS】色々なマーカーを考えてみました - Little Strange Software
    kirapapachang
    kirapapachang 2020/05/22
    マーカー✨いいですなぁ🌸
  • 1