まず、アコーディオン効果
< スタイル> * { マージン：0 ; パディング：0 ; } { 幅：960ピクセル幅。 高さ：300ピクセル; マージン：100pxに自動; 国境：1pxの固体赤。 } ULのLi { リストスタイル：なし。 幅：158px ; 高さ：300ピクセル; フロート：左; 国境：1pxの黒一色。 遷移プロパティ：幅; 遷移期間：1秒。 } ULのLi IMG { 高さ：300ピクセル; 幅：300ピクセル; } UL：ホバー李{ 幅：100ピクセル; } UL李：ホバー{ 幅：300ピクセル; } </ スタイル> </ ヘッド> < 身体> < UL > < リチウム> < IMG SRC = "画像/ play_tennis.jpg" ALT = "" > </ 李> < リチウム> < IMG SRC = "画像/ play_tennis.jpg" ALT = "" > </ 李> < リチウム> < IMG SRC = "画像/ play_tennis.jpg" ALT = "" > </ 李> < リチウム> < IMG SRC = "画像/ play_tennis.jpg" ALT = "" > </ 李> < リチウム> < IMG SRC = "画像/ play_tennis.jpg" ALT = "" > </ 李> < リチウム> < IMG SRC = "画像/ play_tennis.jpg" ALT = "" > </ 李> </ UL >
二つ、2D変換モジュール
1. 2D変換モジュールとは何ですか？
< スタイル> * { マージン：0 ; パディング：0 ; } { 幅：800ピクセル; 高さ：500pxなど。 国境：1pxの黒一色。 マージン：10pxの自動; } ULのLi { リストスタイル：なし。 高さ：は50px ; 幅：100ピクセル; マージン：0自動; マージントップ：は50px ; テキスト整列：センター; 行の高さ：は50px ; } ULリチウム：n番目の子（2）{ 変換：回転（90deg）; / * パラメータは、その回転程度です* / } ULリチウム：n番目の子（3）{ 変換：翻訳（-100px、0PX）; / * 単位内の長さパラメータは、翻訳の数を表し、* / } ULリチウム：n番目の子（4）{ 変換：スケール（1.5、0.5）; / * 最初のパラメータは、水平スケーリング係数であり、2番目のパラメータは、垂直方向のスケーリングファクタであります* / / * 一つだけの引数がある場合は、すべての水平および垂直方向の伸縮率の代わりに* / } ULリチウム：n番目の子（5）{ 変換：回転（45deg）の翻訳（100pxには、20ピクセル）スケール（2,3） 。 / * 注：変換複数のスペースで分離され、次いで、必要に応じて、2D変換素子モジュールの修正翻訳後のシステム、回転座標 何に翻訳のレベルなので、ご注意を満たしていない可能性があります * / } </ スタイル> </ ヘッド> < 身体> < UL > < 李>通常</ 李> < 李>回転可能な</ 李> < 李>並進</ 李> < 李>スケール</ 李> < 李>統合</ 李> </ UL >
第三に、ソースコード：
D167_AccordinEffect.htmlD168_2DTransformModule.html
住所：
https://github.com/ruigege66/HTML_learning/blob/master/D167_AccordinEffect.html
https://github.com/ruigege66/HTML_learning/blob/master/D168_2DTransformModule.html
2.CSDNます。https：//blog.csdn.net/weixin_44630050
3.博客园：https://www.cnblogs.com/ruigege0000/
4.欢迎关注微信公众号：傅里叶变换，个人账号，仅用于技术交流，后台回复“礼包”获取Java大数据学习视频礼包
