てがろぐ - Fumy Otegaru Memo Logger -
2025年6月25日(水) 13:34:52〔4分前〕 更新
■No.3749, No.3747［2件］ （ 2 件 ）
■フリースペース： 編集
ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》
■日付検索：
■全文検索：
〔259文字〕 編集
2023/05/31 (Wed)
01:09:43
No.3747
by
ともよ
〔2年以上前〕
3745,3746ぐいーっとは伸びませんが以下でふわーとは表示できます。いかがでしょうか？
.readmorearea{
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
.readmorearea{
animation: appear .7s ease;
}
@keyframes appear {
0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
ただ、近い将来display: none;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
なるほど。デザインの好みにもよりますが、背景色をつけたり左側に一本ラインを引くだけでもちょっとわかりやすくなるのでお試しあれ。
.readmorearea {
border-left: 3px solid #ccc;
margin: 0 0 0 1em;
padding-left: 1em;
}
この場合、「設定」＞「続きを読む・指定範囲を隠す 共通設定」＞「展開する範囲の表示方法」をblockにしてください。