湖标志设计的核心价值在于为企业打造独特的品牌,湖标志设计可以给企业带来良好的社会声誉和经济效益。
注:配图为本公司设计作品
背面可视有很多有趣的设计可能性。当你翻转一个元素时,你想看到什么?
默认情况下,当翻转元素时,我们会看到它的镜像。虽然这种效果有时可能是可取的,但其他时候我们可能希望看到完全不同的元素。背面可见:隐藏;我们可以让一个元素在旋转时完全消失,让另一个元素在它后面等待,当它们一起旋转时变得可见。
可能性是无穷无尽的…而且是无止境的。我们将重点关注一些创造性的方法,使用背面可见性来翻转一些与油炸圈饼和咖啡相关的图像。好吃!
目录
隐藏
什么是背面可见性?
浏览器支持
民众
旋转甜甜圈
溢出的咖啡
商店门
甜甜圈盒
利用感知
什么是背面可见性?
背面可见度属性与三维(three dimension的缩写)变换效果相关,并确定元素的背面在面对用户时是否可见。例如,如果我们旋转一个包含"甜甜圈"的圆圈,我们会看到圆圈正面的镜像。一个元素的背面基本上是透明的,让我们可以看到它的正面。这是默认操作。
浏览器支持
现代浏览器对背面可见性的支持非常强大、Chrome、Safari和歌剧都需要网络工具包.工业管理学(Industrial Engineering)支持版本10及以上。具体关于动画和转换,我可以使用应该能够澄清任何问题。由于三维(three dimension的缩写)转换的使用,即对第四个演示的支持不会很强。下面的代码部分没有前缀。
在线电子邮件模板生成器
有了明信片,你可以在线创建和编辑电子邮件模板,无需任何编码技能!包括100多个组件,帮助您以前所未有的速度创建自定义电子邮件模板。
免费试用其他产品
民众
我们将了解四个演示的详细信息:
旋转甜甜圈
溢出的咖啡
商店的门打开了
旋转甜甜圈盒
旋转甜甜圈
甜甜圈旋转是背面可见性如何有用的完美例子。当我们把一个甜甜圈的图像翻过来,我们不想再看到前面;也许有一天甜甜圈会两面都涂上霜,但不是今天。因此,我们需要另一个图像,一个代表甜甜圈背面的图像。
我们将把"正面"图像放在"背面"的前面,并给它们完全相同的定位。我们充满乐趣的一面将有背面可见性:隐藏;添加到它,而另一边不会。当它们在y轴上同步转动时,"正面"将会消失,留下隐藏在其后面的"背面"图像可见。
img {
位置:绝对;
动画:转2s无限;
}。甜甜圈-正面{
z指数:5;
背面-可见性:隐藏;
}
@关键帧转动{
到{
变换:旋转角度(360度);
}
}
这两个图像被指定了相同的动画,但是当圆环旋转时,"正面"图像消失,显示"背面",其设置为"背面-可见性:可见";默认情况下。
溢出的咖啡
我们在这里有两个咖啡杯图像:一个是杯子的正面,有装饰并且装满了咖啡,另一个是背面,既没有装饰也
注:配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐