所在位置：新闻 > 设计分享 > 温州广告公司设计公司分享甜甜圈vi设计理念

温州广告公司设计公司分享甜甜圈vi设计理念

甜甜圈vi设计的核心价值在于为企业打造独特的品牌，甜甜圈vi设计可以给企业带来良好的社会声誉和经济效益。

注：本文“甜甜圈vi设计”配图为本公司设计作品

甜甜圈vi设计思路：

在现代网上，有许多技术可以用来创建有趣的交互，但最简单和最优雅的通常是CSS，特别是CSS3附带的附加功能。在过去，我们必须依赖Java Script语言来实现这种效果，但是由于越来越多的浏览器支持CSS3，现在不需要任何脚本就可以实现这样的效果。遗憾的是，仍然有浏览器(IE9和更低版本)不支持CSS3，所以你要么需要对传统浏览器的回调，要么把这种效果视为一种进步的增强。今天，我们将看看如何应用酷而简洁的悬停效果来显示和隐藏图片标题。如果您喜欢跟随代码，可以在这里下载文件。

演示一第一个演示是最简单的：图像会飞到它的右边显示标题。

我们第一个演示的超文本标记语言的标记我们将使用一个无序列表，然后将标题和图像包装在里面。请注意，我们还将在无序列表标记中添加类演示-1和效果.标记将如下所示：

ul class='演示一效果'

里

氘这是一个很酷的标题！/h2

这是一个非常好的主意，因为它是一个临时的工作场所。但是我们没有钱100元/人

/李

Li img class=' top ' src=' images/image1。jpg ' alt=' '//Li

/ul

我们将为演示-1类设置相对位置，然后设置宽度和高度。我们还将隐藏溢出的元素。我还为我的氘和p标签以及图像标签添加了一些基本样式。现在，对于我们的效果类，我们将定位设置为绝对，并给它的顶部和底部一个15px的最小值。我们将使用CSS3的过渡来创建平滑的效果。我们的半铸钢钢性铸铁(Cast Semi-Steel)看起来像这样：演示1 {

位置：相对；

宽度：300像素

高度：200像素

溢出：隐藏；

浮动：左；

右边距：20px

背景色：rgba(26，76，110，0.5)

}。演示-1便士，100英镑.演示-1个h2

颜色：# fff

填充：10px

左：-20px；

top:20px；