No.3749, No.3747［2件］
by tomoyo. ⌚2023年5月31日(水) 23:24:29〔1年以上前〕 ＜226文字＞ 編集
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;にアニメーションをつけられる未来 が来そうなので、それを待ってみてもいいかもしれませんね
by tomoyo. ⌚2023年5月31日(水) 01:09:43〔1年以上前〕 ＜259文字＞ 編集
なるほど。デザインの好みにもよりますが、背景色をつけたり左側に一本ラインを引くだけでもちょっとわかりやすくなるのでお試しあれ。
.readmorearea {
border-left: 3px solid #ccc;
margin: 0 0 0 1em;
padding-left: 1em;
}
この場合、「設定」＞「続きを読む・指定範囲を隠す 共通設定」＞「展開する範囲の表示方法」をblockにしてください。