画像を丸く

2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • 投稿者
    投稿
  • #47212
    takusige
    参加者
    0

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】
    【お使いのブラウザ】
    【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)

    ===

    Snow Monkey Blocksで使用できる画像付きのブロックで、画像を丸く(丸形マスク)できると良いなと思いました。

    例えば「項目ブロック」の画像などです。

     

    0
    #47311
    キタジマ タカシ
    キーマスター
    339

    検討します!

    一応、参考までに項目ブロックで画像を丸くするサンプルの CSS を貼っておきますね。

    .smb-items__item__figure {
        position: relative ;
        overflow: hidden;
    }
    
    .smb-items__item__figure::before {
        content: '';
        display: block;
        padding: 0 0 100%;
    }
    
    .smb-items__item__figure > img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        object-fit: cover;
        height: 100%;
        border-radius: 100%;
    }
    0
2件の投稿を表示中 - 1 - 2件目 (全2件中)
  • このトピックに返信するにはログインが必要です。