タグ

2017年6月9日のブックマーク (2件)

  • 誰がそこまでやれと言った 工芸の授業で作った「箱」にまさかの仕掛け 「なにこれすごい」「職人かよ」

    Twitterユーザーのリーチ ルクク(@reach_lukuku)さんが制作・投稿した、見た目からは予想できない鍵構造の箱がすごいです。開けるまでの動画がまた面白い……! 一見すると、六角形の薄い板が何枚も重なってできた、箱というより六角柱型のオブジェにしか見えません。上も下もふさがれていて開ける部分が見当たりませんが、六角形の面を上にするとその重なっている一枚目の板を「クルッ」と回転(!)。さらに2枚目もクルクルとねじるように回していきます。 箱に見えませんが……? !? そして何度か回していると、あるタイミングで密着していた板が緩み、そのまま持ち上げられる上部2枚の板。するとただの角柱に見えた中は空洞になっていて、回していた板が箱のフタであることが判明します。見事な秘密の箱だった……。 動画をよく見てみると1枚目の板と2枚目の板、それぞれで回す回数など回し方が決まっていて、知らないと

    誰がそこまでやれと言った 工芸の授業で作った「箱」にまさかの仕掛け 「なにこれすごい」「職人かよ」
  • 今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦!

    2019年2月3日 CSS 要素の四隅の角を丸めるためのCSSプロパティー「border-radius」。ボックスや画像などの要素に対して適応でき、角丸にしたりまん丸にしたりと、様々な表現が可能です。このプロパティーが使えるようになってから、どれだけコーディングが楽になったか…!今回はそんなborder-radiusの基的な使い方と、応用表現を紹介します! ↑私が10年以上利用している会計ソフト! 無難で王道!正円の円弧を使った角丸 border-radius は「border」とついているものの、border プロパティーの指定がなくても大丈夫。background によって与えられた背景や、img 要素で指定された画像の四隅も丸まめられます。 四隅に同じ値の丸みを与えるなら border-radius: 10px; と記述すればOK。半径10pxの正円の円弧をベースにした角丸を実装で

    今さら聞けない!? CSSのborder-radiusで様々な角丸に挑戦!