![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css3
join8
热爱学习 交友
展开
-
父元素使用“text-overflow:ellipsis”属性
使用场景:当n个子元素都在单行展示,需要超出宽度隐藏文本,显示省略号。子元素设置成行内元素就可以了。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .external { width: 200px; overflow:hidden;原创 2021-12-27 15:35:05 · 349 阅读 · 0 评论 -
css3 以当前图片为中心点页面翻转效果
css 代码如下 .switching { -webkit-transform:perspective(2000px) rotateY(-90deg); -webkit-animation:flip .4s linear,flip_out .4s .41s linear; transform:perspective(2000px) rotateY(-90deg);原创 2017-02-09 17:30:26 · 3620 阅读 · 1 评论 -
css:before实现三角形箭头小技巧
利用border属性和tranform变化,元素背景透明 :after {content: ""; position: absolute; top: 12px; right: -12px; margin: 20px; border-right: 1px solid #757575; border-bottom: 1px solid #757575; width: 10px; height: 10原创 2017-06-07 15:39:23 · 6382 阅读 · 0 评论