FOF计算和过渡

admin

通过计算来跟随父盒子改变大小，过渡来实现界面过渡效果。
<!文档类型 网页类型>

<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <!--这里编写网页代码-->
        <区块 类名="外部区块">
            <区块 类名="内部区块"></区块>
        </区块>
        <区块 类名="过度样式"></区块>

        <样式>
            .外部区块 {
                高度: 200px;
                背景-颜色: 颜色值-橙色;
            }
            .内部区块 {
                宽度: 计算(100% - 50px);
                高度: 计算(100% - 50px);
                背景-颜色: 颜色值-粉色;
            }
            .过度样式 {
                高度: 80px;
                宽度: 80px;
                背景-颜色: 颜色值-红色;
                过渡: 宽度 2s, 高度 2s;
            }
            .过度样式:鼠标移入 {
                宽度: 300px;
                高度: 300px;
            }
        </样式>
    </网页主体>
</网页>