CSS实现span里面的字体旋转

CSS实现span里面的字体旋转：

主要是用到了CSS3 2D 转换方法 transform:rotate

<span style="font-size:18px;">.icon-over {width:45px;height:45px;line-height:45px;text-align:center;border:1px solid #EF784B;color: #EF784B;font-size:12px;border-radius: 50%;transform:rotate(-30deg);
}</span>

效果：

CSS实现span里面的字体旋转相关推荐

HTML如何修改span里面的字体颜色,怎么用span css设置div内部分字体颜色？
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
html代码设置span字体颜色,怎么用span css设置div内部分字体颜色？
本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 用span标签设置div内放一段文字中的部分文字字体颜色方 ...
css字体颜色span,怎么用span css设置div内部分字体颜色？
原文:http://www.php.cn/css-tutorial-413189.html 本篇文章给大家带来的内容是关于怎么用span css设置div内部分字体颜色,有一定的参考价值,有需要的朋友 ...
css（精灵图和字体图标）
1. 精灵图(重点) 1.1 为什么需要精灵图为了有效地减少服务器接收和发送请求的次数,提高页面的加载速度,出现了 CSS 精灵技术(也称 CSS Sprites.CSS 雪碧). 核心原理: ...
css_字体旋转90度
使用css的transform属性即可实现 <!DOCTYPE html> <html lang="en"> <head><meta ch ...
css高级技巧(精灵图、字体图标、三角、vertical-align属性、溢出文字省略号等)
css高级技巧 1.精灵图 1.1.为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰,当网页中的图像过多时,服务器就会频繁地接收和发送图片,造成服务器请求压力过大,这将大大降低页面的加载 ...
11.【CSS精灵图background-position、字体图标@font-face{}、画小三角形、cursor、outline、resize、vertical-align、溢出省略号】
文章目录 [CSS精灵图.字体图标.三角.鼠标样式.用户界面样式.溢出省略号] 一.精灵图 1.1 为什么需要精灵图? 1.2 精灵图(sprites)的使用 1.3 案例:拼单词二.字体图标 2. ...
css与jquery、图标字体、常用数据
常用数据 *)按钮常用颜色:#008cBA/#169fe6;(字母大小写没有区别) css与jquery.图标字体. *)还能这样选择 header #search input[type=" ...
css技术点二：字体图标（阿里巴巴字体图标使用）
css技术点二:字体图标(阿里巴巴字体图标使用) 一.什么是字体图标二.字体图标的好处三.字体图标用法四.字体图标格式介绍一.什么是字体图标字体图标可以为前端工程师提供一种方便高效的图标使用 ...

CSS实现span里面的字体旋转

CSS实现span里面的字体旋转相关推荐

最新文章

热门文章