single-ref.php - 2017.12.13 - 154 - https://www.nascha.jp/ref/other.html

REFERENCE

その他の覚書

headの中のやつ

position

position: fixed; position: relative; position: absolute; z-index:0; top:0;

背景画像

background: url(../img/img.gif) top left no-repeat; background-size: 0px; background-position: -100px 100px; background: none; background-image : none;

border

border:1px [solid or dotted] #ffffff; border: transparent 1px solid;

角丸

border-radius: 5px;

ボックスシャドウ

box-shadow:0px 0px 6px 3px #94d17f; （[横、縦、ぼかしの大きさ、広がり] [色]）

幅の計算

width : calc(100% - 20px);

含むやつ

box-sizing: border-box;

その他

color:#var(--main-color); background: url(../img/menu/menu.gif) top left no-repeat; background-size: 4px; font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", Meiryo, メイリオ, sans-serif; font-family: courier, Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; position: fixed; position: relative; position: absolute; z-index:0; top:0; background-position: -170px 0; opacity: 0.7; float: right; font-size: 80%; line-height: 180%; font-weight: bold; animation: alpha-on2 0.5s forwards; -webkit-animation: alpha-on2 0.5s forwards; display: none; background: none; background-image : none !important; min-height: 800px; text-decoration: none; vertical-align: super; border-bottom:1px dotted #ffffff; width:calc(); font-style: normal; text-align: center; font-weight:bold; box-sizing: border-box; mix-blend-mode: screen; mix-blend-mode: normal; mix-blend-mode: multiply; mix-blend-mode: screen; mix-blend-mode: overlay; mix-blend-mode: darken; mix-blend-mode: lighten; mix-blend-mode: color-dodge; mix-blend-mode: color-burn; mix-blend-mode: hard-light; mix-blend-mode: soft-light; mix-blend-mode: difference; mix-blend-mode: exclusion; mix-blend-mode: hue; mix-blend-mode: saturation; mix-blend-mode: color; mix-blend-mode: luminosity; border-radius: 5px; transform: translate(0px, 10px) rotate(10deg); box-shadow:0px 1px 6px 0px #e1dbdb; animation: paragraph_keyframes 1s forwards 1s; list-style-type: none;

post_pages

デザイニングナスカはwebデザインなどのweb系、およびDMデザインなどの平面デザインを行っています。

安く、手早く、それなりに。をコンセプトとしてデザイン活動を行っています。
デザイニングナスカという言葉は創立時に多くの知り合いの方のアイデアを元に作った造語です。
この名前をずっと長く使えるように頑張っていきたいと思っています。

サイトメニューを見るページトップに戻る

Twitter　Facebook　mail