PAYA.net

ユーザ用ツール

サイト用ツール

現在位置: start » digital » css » tips
トレース:
digital:css:tips

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
次のリビジョン両方とも次のリビジョン
digital:css:tips [2018/12/28 13:39] – [応用] payadigital:css:tips [2018/12/28 13:42] – [応用] paya
行 122: 行 122:
  left: 0;  left: 0;
  transition-property: all;  transition-property: all;
- transition-duration: 0.2s;+ transition-duration: 0.5s;
  box-shadow: 2px 4px 2px 1px rgba(0, 0, 0, 0.3);  box-shadow: 2px 4px 2px 1px rgba(0, 0, 0, 0.3);
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.2);  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.3), -1px -1px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.3), 1px -1px 0 rgba(0, 0, 0, 0.2);
 } }
 #dotteButton01:hover { #dotteButton01:hover {
- background-color: #F782BB; + background-image: radial-gradient(rgba(0,0,0,0.1) 30%, transparent 0), radial-gradient(rgba(0,0,0,0.1) 30%, transparent 0);
- background-image: radial-gradient(#C286F0 30%, transparent 0), radial-gradient(#C286F0 30%, transparent 0);+
  top: 2px;  top: 2px;
  left: 1px;  left: 1px;
  text-decoration: none;  text-decoration: none;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
 + transition-duration: 0.1s;
 } }
 </style> </style>
digital/css/tips.txt · 最終更新: 2018/12/28 13:55 by paya