用css实现Google logo图标

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
 <style type="text/css">
 p{
 font-size: 80px; /*字体大小*/
 letter-spacing: -2px； /*字母间距*/
 /*font-weight:900;*/ /*加粗*/
 font-family:Ebrima,Arial,Helvetica, Sans-Serif;
 }
 span.g{
 color: rgb(66,133,244);
 }
 span.o1{
 color: rgb(234,67,53);
 }
 span.o2{
 color: rgb(251,188,5);
 }
 span.l{
 color: rgb(52,168,83);
 }
 span.e{
 color: rgb(234,67,53);
 display:inline-block; /*设置元素旋转*/
 transform:rotate(-15deg);

}

 </style>
</head>
<body>
 Google
</body>
</html>

用css实现Google logo图标相关推荐

如何用html + css 绘制Google logo
Google案例谷歌logo <!DOCTYPE html> <html><head><meta charset="utf-8"> ...
HTML+CSS项目实践四：给html网页标题栏添加logo图标（ico格式图片）
实现效果: 制作思路: 1.准备一张ico格式图片 2.在<head>标签里使用<link />标签,引用icon图片实现代码: <!DOCTYPE HTML> ...
Google LOGO现代舞舞蹈动画
效果预览: http://hovertree.com/texiao/js/5.htm 截图: HTML文件代码: <!DOCTYPE html> <html xmlns=" ...
php如修改登陆后连接地址,两种wordpress更换后台登录界面logo图标方法
wordpress网站后台登陆界面有个Logo图标,在自己的网站摆着官方的图标,很多人看起来很不舒服,所以大家都希望更换掉这个图标,为此,本站推荐两种wordpress更换图标的方法: 方法一:只需要 ...
如何制作Google logo？
这是Google logo ,如何通过所学的html,css知识来实现了? 第一步--写Html语言 Go</span& ...
无底色无背景 logo 图标
最近在做文档的时候用到了这些图标,作为一个集合上传到博客,需要者可以自取,免的麻烦一个个再去p了... 1.MySQLlogo 图标 2. ajax logo 图标 3.Android logo 图 ...
前端必备：常用品牌logo图标的官方颜色表示
slogan: 我学编程就是为了赚钱,后来发现它不只是能赚钱- 我们在前端编码过程中,总是会用到一些官方的品牌logo图标.大部分矢量字体图标没有颜色的标注,所以我们在渲染图标的时候总是要去查找这些图 ...
html-css和html实现Google logo
css和html实现Google logo <!DOCTYPE html> <html><head><meta charset="UTF-8&quo ...
Google彩蛋-Google LOGO系列
在计算机领域,复活节彩蛋通常指制作者隐藏在产品中的.用于愉悦用户的隐秘物.包括文字.图片.声音或者某些小变化.以下就是一些Google logo中隐藏的彩蛋. 看看你能找出那些:),点击图片看原图 T ...

用css实现Google logo图标

用css实现Google logo图标相关推荐

最新文章

热门文章