整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

45个值得收藏的 CSS 形状

者:前端小智

原文:https://css-tricks.com/the-shapes-of-css/

CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。

我们还可以使用 CSS 伪元素中的 ::before 和 ::after,这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧,我们可以只用一个 HTML 元素在 CSS 中创建许多形状。

虽然我们现在大都使用字体图标或者svg图片,似乎使用 CSS 来做图标意义不是很大,但怎么实现这些图标用到的一些技巧及思路是很值得我们的学习。

1.正方形

2.长方形

3.圆形

4.椭圆形

5.上三角

6.下三角

7.左三角

8.右三角

9.左上角

10.右上角

11.左下角

12.右下角

13.箭头

14.梯形

15.平行四边形

16.星星 (6角)

17.星星 (5角)

18.五边形

19.六边形

20.八边形

21.爱心

22.无穷大

23.菱形

24.钻石

25.钻戒

26.钻石2

27.蛋蛋

28.吃豆人

29.对话泡泡

30. 12点 爆发

31. 8点 爆发

32.太极

33.徽章丝带

34.太空入侵者(电脑游戏名)

35.电视

36.雪佛龙

37.放大镜

38.Facebook图标

39.月亮

40.旗

41.圆锥

42.十字架

43.根基

44.指示器

45.锁

20就要到了,想好给自己的女神买什么礼物了吗?5月20日即520到来时很多男生都会遇到这样的问题,有哪些创意情人节礼物适合送给女神呢?只是送花和巧克力的话未免过于普通,已经不能满足女神们的胃口,有创意的礼物也许才能收获幸福。想成功撩到你心仪的妹子么,送他们这些科技潮品,成功率一定翻一番!

这几款潮品你的女神无法拒绝

第一款是火遍全球的网红爆品正是戴森Supersonic吹风机。很多女生头发在洗后未吹干时,是最为脆弱的时候,易受外力损伤,若无法适当结合温度与气流快速且温和地干发,发丝容易受损,缺乏强韧和自然光泽。所以,千万不能忽视吹风机的地位,选择一款靠谱的吹风机还是非常有必要的。。

头发的养护越来越受到用户的重视

头发的损伤不可忽视

戴森Supersonic吹风机,此款吹风机,戴森动用103位工程师、毛发学家、造型师,耗费了四年的时间,5000万英镑的巨资创建头发科学实验室。

戴森Supersonic吹风机

戴森Supersonic吹风机到底有哪些优势呢?

强劲气流 快速干发

强大的气流能够快速的将水分从头发表面吹走,从而减少头发对热量的需求,更有助于发丝保持强韧健康,但是普通吹风机很难达到。而戴森第九代数码马达,与戴森的Air Amplifier气流倍增技术结合运作,借助这种技术,喷出的空气总量被放大了三倍,从而产生高压高速的喷射气流。这些戴森技术的结合,提供了用于快速干发所需要的高速和大量的气流。

戴森Supersonic吹风机采用第九代数码马达

智能温控 避免过热伤害

戴森Supersonic吹风机智能温控系统中的玻璃珠热敏电阻,能够每秒20次测量出风口的温度,并把数据传送到微处理器,微处理器再智能地控制双组加热元件,从而保持气流温度永远低于150°。而150°正是让组成头发的主要结构的蛋白质开始流失变质的温度。

智能温控 避免过热伤害

不同风嘴 打造多变造型

戴森Supersonic吹风机配备3种不同风嘴以提供稳定可控的气流:戴森顺滑风嘴、戴森造型风嘴、戴森扩散风嘴,所有的配件都能保持凉爽的触感。通过空气隔热技术,热空气被像三明治一样包含在冷空气中,让风嘴的表面始终保持冷却,不用担心在造型过程中潜在的烫伤危险。

不同风嘴 打造多变造型

戴森Supersonic吹风机独特的空心设计让其拥有很高的颜值,放在家里任何地方都是一件艺术品,快速干发、智能温控、多款风嘴全面的呵护你的秀发。而且还搭配了专属陈列架,将全部风嘴收纳一处,心动的小伙伴赶快行动吧!

牙间隙占整个牙齿表面高达40%的面积,如若清洁不尽,将成为牙菌斑残留的重灾区,久而久之容易引发蛀牙、牙周疾病、牙龈炎、口臭等,解决“隙”洁问题,已刻不容缓,而想要彻底清除牙间隙的问题,不妨送TA一把飞利浦声波震动牙刷。

飞利浦Sonicare钻石亮白智能系列声波震动牙刷

飞利浦Sonicare声波震动技术在每分钟31,000次刷毛震动频次的基础上,加以5.5毫米的刷毛上下摆幅,在口腔和牙齿间创造出了超强的流动洁力,从而有效地清除包括牙缝在内的清洁盲区,并且能覆盖牙龈线、磨牙区以及牙齿表面微小不平滑地方的牙菌斑,实现口腔清洁零死角的目标。

飞利浦Sonicare声波震动技术

飞利浦Sonicare钻石亮白智能系列声波震动牙刷具备15种刷牙模式选择,可以满足不同的洁齿需求,3种力度选择(弱、中、强)、5种刷牙模式(清洁、美白、牙龈保健、深层清洁、舌苔清洁)。其中敏感模式可以温和洁净牙齿和牙龈,带来最佳的刷牙体验。

与以往飞利浦Soniare成员不同的是,飞利浦Sonicare钻石亮白智能系列声波震动牙刷新增高科技智能系统和精锐感知科技,使刷牙变得更具象化,智能定位感应、智能摩擦感应和智能力度感应三大感知科技,帮助用户纠正刷牙方式,改善刷牙技巧,养成正确的刷牙习惯。

作为核心部件之一,飞利浦Sonicare钻石亮白智能系列声波震动牙刷配有3款刷头,但是和普通牙刷、旋转式电动牙刷有所不同,它采用先进的无锚定点植毛技术,三维立体剪裁,刷毛剪裁呈现出钻石菱形,温和不伤害牙龈,点胶工艺将每一根刷毛牢牢的固定在刷头底部,大大增加了植毛量,增加接触点,扩大清洁面积,确保刷毛动能强劲。

并非所有女生都是天生丽质,但大多数女人可以通过后天的努力让自己变美,比如说用TESCOM吹风机让秀发更水润。这款TESCOM吹风机的配色让人眼前一亮,可折叠设计便于收纳。除此之外,它还是一款有护发魔力的吹风机。

美发胶原蛋白,焕活秀发亮丽

众所周知,胶原蛋白素有“骨中之骨,肤中之肤”的美誉, 对身体各器官都有很好的作用。缺乏胶原蛋白的头发是干燥分叉的,而这款TESCOM吹风机专门设置胶原蛋白盒子,吹风的同时吹出满满的胶原蛋白包裹、滋润秀发,能够修复秀发损伤、抚平毛鳞片,让秀发顺滑亮泽。同时,美发胶原蛋白形成的保护膜能够阻挡色素因子外漏,有效延长染发原色效果达3周。

纳米水离子技术

吃完头发为什么干燥,因为缺水呀!TESCOM吹风机特意添加纳米水离子技术,这种纳米水离子比毛鳞片缝隙还微小,能渗入到毛鳞片间隙,滋润秀发。

黄金三角负离子

TESCOM吹风机独特的黄金三角负离子,拥有6处高浓度负离子发射点,抚平毛鳞片。负离子主要是用来滋润、抚顺头发的,负离子浓度调节,用户可根据头发不同部位需求自由选择高低浓度负离子。

这款TESCOM吹风机可谓集美貌与智慧于一身,它具有呵护秀发与头皮的胶原蛋白、为秀发补充水分的纳米水离子和滋润秀发去毛躁的黄金三角负离子,而更不可思议的是它将这三大黑科技创新结合在一起,充分滋润你的毛燥头发;同时,它还拥有60℃头皮模式,呵护头皮,能够减少头皮油脂分泌,维持健康头皮环境。TESCOM吹风机,让秀发随时绽放水光感。

女生对于面部清洁是格外看重的。但是,每天用手洗脸,细菌可能不经意间就爬上了你的脸,为了去除藏于皮肤毛孔的污垢和皮脂,各种洗脸神器诞生了。想要讨好你的女神吗?下面这款堪称网红的FOREO LUNA mini 2净透洁面仪绝对不能错过。

FOREO LUNA mini 2净透洁面仪

FOREO LUNA mini 2净透洁面仪

FOREO LUNA mini 2净透洁面仪,过独特的T-Sonic™透肤声波脉动技术,能够将垂直声波脉动直接作用于肌肤上,正面的硅胶颗粒通过每分钟8000次垂直声波脉动,深层清洁肌肤,尤其是毛孔内部的污垢,修复眼袋、黑眼圈,适用于眼周。

FOREO LUNA mini 2净透洁面仪

FOREO LUNA mini 2净透洁面仪

采用全身防水科技,沐浴时也能安心使用,外形设计源自北欧的人体工学设计理念,独特拱形设计,方便清洁鼻翼、鼻唇间、发线等死角部位,360度清洁无死角,超强锂电池配备,一次充电可使用300次,外出旅行无后顾之忧,2档强度调节,适合肌肤多种需求,每12秒人性化智能振动提醒,避免同一区域过度清洁。

我当时买这款产品纯属偶然,首先是我堂姐家里去日本旅游,回来的时候弄了这么个治疗仪,一开始觉得就是噱头,这么小的一个玩意儿怎么能做到治疗呢。但是后来听我妈的亲身体验,说是特别舒服,仅用两块7号电池,却能发出特别大的能量,感觉整个身体都快给按麻了,效果特别明显。

欧姆龙 HV-F020 低频治疗仪

我平常上班也不清闲,有时候就觉得肩膀不太熟不,感觉上班还是有点累。每天坐在电脑前,下班后觉得腰酸背痛,由于我坐姿可能一直有点问题,脊柱有点侧弯,导致右侧的腰部和左侧的肩膀会格外的疼,不知道这个东西对我这种情况是不是有帮助呢?

我爸经常打羽毛球,有时候会膝盖疼,还有时候腰疼会去附近的会所拔拔罐子,会看到腰上出几个紫红的罐印,可以“利用”他来看看理疗仪对运动后的疲劳与损伤是不是有点缓解作用。

反正后来也给我妈买了一台,她说平时没事儿就喜欢用治疗仪按按肩膀和腰部,她平时喜欢去楼下快步走锻炼身体,但有时候时间长了总是感觉腰有点酸。这时候回家带上治疗仪按摩15分钟,就会有特别明显的效果。整体感觉还是不错的。

3种模式 5个部位

这款治疗仪可以针对腰、肩、关节、小腿、脚底等部位进行按摩,并模拟人的手,进行敲、揉、按等动作,整体非常舒服。

10级力度选择

除了模式,还有10种力度可供选择,对于怕疼的朋友们,可以自由选择咯。

目前,这款治疗仪在京东商城售价398元,自己上班太累想缓解症状或者想孝敬父母的朋友们,可不要错过了~

在美国家庭,料理机是家家户户厨房中必不可少的物件儿,用来制作各种果汁、冰沙、浓汤、酱料。他们那种简约的生活态度导致了简约的饮食习惯。“Whole Food”全食营养师西方人的饮食观念,所有食材统统丢到料理机里面,不一会儿一顿饭就做好了。真是方便又快捷。

虽然东西方饮食习惯不同,但这丝毫不影响料理机在中国的走红速度,从这个名字可以看出,中国用户更看重料理机的“养生”功能。相比于豆浆机、榨汁机、原汁机等产品,料理机能把食材打得更碎,无需滤渣即可食用,可以最大限度的留存食物中的营养,同时也更利于吸收。长期用料理机自制果酱、蔬果汁、五谷汤羹,可以吃出好气色和健康的身体。中国有句老话:“药补不如食补”,一本养生食谱配上一台料理机,足矣。

今天,就给大家推荐一款完完全全来自美国进口的Vitamix料理机,他可是网络上的明星呢,众多名人都用它来制作健康食物,并成功战胜了病魔,让我们一同来看看,这款来自Vitamix的料理机到底有什么神器魔力吧~

Vitamix TNC5200 料理机

Vitamix(维他密斯)是来自美国的料理机品牌,成立于1921年,专注料理机研发和生产96年,畅销全球140多个国家和地区,服务百万家庭千万人群,全球50余家知名连锁餐饮机构都在用它,被美国141家知名厨师学校选用。

Vitamix TNC5200料理机集合了榨汁机、豆浆机、冰激凌机、料理机、研磨机等产品功能,完全达到一机多用功能,并且操作简单,只需要把所以食材放入容杯当中,开机3步骤,就可以制作出不同口味的豆浆、冰沙、果酱和婴儿辅食等。

Vitamix TNC5200料理机

很多朋友对料理机有个误解,认为转速越快的越好,其实非也。最关键的不是用最快的马达,而是系统的高效合作。Vitamix TNC5200料理机采用纯铜电机,每分钟转速堪称逆天;配合4叶钝刀,能够快速粉碎食材;4维扰流设计,打磨更细腻,给你从未有过的口感。

双档10速

Vitamix TNC5200料理机搅拌杯使用不含双酚A的Tritan材质,飞机窗级坚硬,奶瓶级环保;双层杯盖设计,安全防溅;1分钟快速清洗,比洗杯子还简单。另外,Vitamix TNC5200料理机整机7年质保,全球家庭平均使用10年以上。

指一挥间,惠普“光影精灵”系列游戏笔记本已经伴随我们走过了5个年头。一直以来,该系列都以出色的模具、不错的性价比以及主流的配置组合一直雄踞在游戏本市场中“金字塔”顶端的位置。近日,随着十代英特尔酷睿处理器的发布,惠普又推出了万众期待的全新光影精灵6游戏本。它能否在延续自身优势的同时突破自我呢?

光影精灵6代整体外观

我拿到的惠普光影精灵6为天猫官方旗舰店独售的紫色版本,配置为i5-10300H、GTX1650Ti、2*8GB双通道内存、512GBNVME固态硬盘,属于最新一代的主流配置,首发售价为6299元。我们的评测先从外观说起。

低调颜值 一如既往

光影精灵系列在笔记本的细分市场中应该属于“全能游戏本”这一部分,因此,光影精灵游戏本的外观一直采用的是低调时尚的造型设计。惠普光影精灵6延续了上一代的经典外观,采用类肤材质,A面三个简单的线条分割出了不同角度的切面,简约而不单调。亮面金属材质的HPLOGO位于A面的正中间,隐藏在转轴两侧出风口位置的跑车型切线彰显了它“不好惹”的一面。C面经典的菱形立体扬声器依旧保留,给予了其他品牌机型少有的立体感,B&O调教的音响效果也依然出色。

光影精灵6代转轴处的切线

B&O立体菱形扬声器颇具艺术感

惠普光影精灵6的机身整体厚度为23.4mm,重量也控制得不错。当把它放在桌面上时,底部的脚垫可以将机身垫高,增加下方进风口的气流流量。

整机的厚度在游戏本中还是比较出色的

光影精灵6的键盘拥有两档亮度调节的紫色背光,键程恰到好处,回弹迅速,带有数字键盘,方向键的上键和下键较小,为正常按键的一半。键盘下方的触摸板面积适中,同样采用了类肤材质,手感细腻舒适。

紫色背光键盘

接口方面,光影精灵6的机身左侧依次为HDMI接口,一个支持关机充电的USB3.1GEN1接口,一个RJ45网线接口,一个支持视频输出和关机充电的USB3.1GEN2 TYPE-C接口以及一个SD读卡器接口;机身右侧依次为一个电源接口、两个USB3.1GEN1接口以及一个耳机麦克风二合一接口。接口的丰富程度和实用性是很不错的。

机身左侧接口

机身右侧接口

颜色方面,我拿到的光影精灵6是我最喜欢的紫色版本,A面LOGO旁的亮面金属、键盘背光以及电源按钮等都为紫色,透露出几分神秘与华丽。当然了,对于颜色的喜好,还是仁者见仁智者见智的,这款光影精灵6还有绿色版本和白色版本可以选择,对于颜色有不同偏好的玩家可以按需购买。

外观部分就先介绍到这里,接下来开始实测部分。在开始性能测试之前,先简述一下测试环境:显卡驱动版本为最新的445.87,系统为WIN10 V1909,BIOS版本为InsydeF.02,HPSupport Assistant中的各项升级为最新,保证测试环境纯净、性能输出平稳。

十代酷睿 性能卓越

评测机搭载的英特尔i5-10300H处理器,由最新的CometLake-H架构打造,拥有4核心8线程,基础频率2.5Ghz,最高睿频可达4.5Ghz,三缓8MB。

CPU基本信息

采用CINEBENCHR15和CINEBENCHR20对这块CPU进行性能测试,最终这块i5-10300H在CINEBENCHR15中单核得分186cb,多核得分918cb;CINEBENCHR20中,单核得分449cb,多核得分1968cb。作为英特尔第十代酷睿处理器的中端产品,对比上代略有提升,多核性能提升在10%左右,属于主流水平。

CINEBENCH R15得分

CINEBENCH R20得分

GTX1650Ti 中端俊彦

GTX1650Ti是老黄新推出的一款显卡,拥有1024个流处理器,128bit显存位宽,4GBGDDR6显存,基础频率1350Mhz,Boost频率1485Mhz,显存频率1500Mhz,相比于之前主流机型通常搭载的GTX1650,GTX1650Ti显存方面有一定的提升。

GPU基本信息

我们对它分别进行了3DMARK中TimeSpy、FireStrike、FireStrike Extreme项目的测试,其中TimeSpy得分:3886分,FireStrike得分:9156分,FireStrike Extreme得分:4477分。

Time Spy得分:3886分

Fire Strike得分:9156分

Fire Strike Extreme得分:4477分

通过测试的结果,这块显卡可以稳定流畅运行诸如DOTA2,CSGO这类的电竞游戏;在3A大作中,把画质调到中或者高也可以获得流畅的游戏体验。

存储性能 绰绰有余

这款机型标配了一块M.2接口512GBNVMe的固态硬盘,通过CrystalDiskMark进行测试,这块硬盘最高读取速度:3216.9MB/S,最高写入速度:2986MB/S,这块固态硬盘的性能非常不错,要知道,很多更高端的笔记本搭载的固态硬盘,每秒读取速度都没有迈进3000MB/S的大关。

CrystalDiskMark硬盘测试

此外,针对目前电脑系统和游戏等软件对内存容量越来越高的要求,光影精灵6还搭载了2*8GB双通道DDR42933GHz内存,不会因为内存容量过小拖累整机性能。总的来说,这款电脑的存储性能处于中高端水平,非常宽裕。

屏幕素质 并无短板

光影精灵6采用了一块15.6英寸IPS屏幕,窄边框设计,左侧和右侧的边框仅为5mm,拥有不错的视觉沉浸感。经过实测,它的亮度最高300nit,色域达到96%sRGB,72%AdobeRGB,色准的平均△E平均值1.14,可以胜任一定的剪辑、设计工作。

光影精灵6屏幕亮度

光影精灵6屏幕色域

光影精灵6屏幕色准

略有遗憾的是,我拿到的这款机型屏幕刷新率为60Hz,处于够用水平,所幸光影精灵6之后还会推出i7+RTX2060Max-Q版本,会搭载144Hz屏幕,用户可按照需求自行选购。

6)游戏体验挥洒自如

在理论测试之后,我们进行实际游戏的测试。测试中,我们先选用《Dota2》、《PUBG》两款对流畅度要求较高的电竞游戏,再测试《古墓丽影:暗影》、《孤岛惊魂:新曙光》两款3A大作,看看这款机型在主流电竞游戏和大型单机游戏中的表现如何。

首先测试的项游戏是《Dota2》,画质默认最高,关闭垂直同步,并将每秒最大帧数拉满,在1080P下进行游戏,为了不坑队友,在游戏首页内随机选取一场高端对局进行观战并记录帧数,平均帧数97帧,非常流畅。

《Dota2》画质设置

《Dota2》帧数波动

接下来是《绝地求生:大逃杀》的测试,我们关闭垂直同步和帧数限制并禁用平滑帧数,将画质选项都调整到“高”,在1080P下进行一场游戏,平均帧数86帧,没有出现影响对枪的明显掉帧情况。

《绝地求生:大逃杀》画质设置

《绝地求生:大逃杀》画质设置

《绝地求生:大逃杀》帧数波动

在《古墓丽影:暗影》中,我们将画质调到“high”,关闭垂直同步,在1080P分辨率下使用游戏内的BenchMark进行测试,平均帧数56帧,可以得到流畅的画面体验。

《古墓丽影:暗影》画质设置

《古墓丽影:暗影》平均56帧

最后测试一下《孤岛惊魂:新曙光》,在游戏中选择“高”画质,关闭垂直同步与帧数锁定,使用游戏内置的BenchMark进行测试,测试结果如图,平均帧数66帧。

《孤岛惊魂:新曙光》画质设置

《孤岛惊魂:新曙光》平均66帧

通过游戏的测试,这款光影精灵6游戏本的表现基本印证了显卡理论测试部分的结论,全新的十代酷睿四核八线程处理器+GTX1650Ti主流独显,在电竞游戏中挥洒自如,绝不卡顿;在3A大作中,虽然不能像高端机一样特效全开,但稍微降低一点画质也可以流畅运行,获得良好的游戏体验。

全能表现 事半功倍

作为一款全能游戏本,生产力方面也不能落后,得益于标压CPU和独立显卡,光影精灵6的生产力自然力压一众轻薄本。我们使用PCMARK10中的Extended进行测试,在包含应用程序启动、视频会议和网页浏览的常用基本功能部分得分9036分,在电子表格编写和文档编写的生产力部分得分7691分,在数位内容创作部分得分3743分,说明它在照片编辑、视频编辑、渲染方面也能够有出色的能力,在游戏方面也得到了相当不错的7350分。在PCMARK 10 Extended中光影精灵6总得分为5157分,完美契合了全能本的定位,帮助您在工作之中事半功倍。

PCmark 10 Extended测试

散热能力 COOL到飞起

评测机配置的光影精灵6采用了双风扇+三热管+四风道的散热设计,其中主热管8mm。四风道的位置非常考究,类似跑车排气口的出风口位于整机的后方,热量向后吹出,不会像设计在机身两侧的出风口那样,将热风吹向正在操控鼠标的手。

测试时室温28度,室温较高。我们使用FurMark+AIDA64进行双烤测试,其中FurMark使用1920*1080、8xMSAA,AIDA64使用StressFPU。30分钟之后我们可以看到,CPU稳定在了全核心3.1GHz,温度88度,TDP30W;显卡方面,频率基本稳定在1700Mhz附近,温度74度,TDP跑满了50W。

从这个成绩来看,光影精灵6的散热表现是完全够用的,在测试环境室温较高的情况下,CPU虽然没有跑满45W,但是全核心能保持在3.1Ghz这个比较高的频率,应付主流网游和游戏已经足够,如果室温能保持在理想的26度,表现应该会更好;显卡跑满了TDP并保持在了非常高的频率之上。

值得一提的是,在整机全负荷30分钟之后,机身表面温度控制得非常不错,在WASD区域感受不到明显的热量,只能在键盘右侧感触到一丝暖意,不愧是“Cool到飞起”的一款全能游戏本。

FurMark+AIDA64双烤测试

总结

光影精灵6游戏本延续了该系列原本的优势,在低调时尚的外观之下,整体的配置得到了全面升级,可以完美运行电竞类网游并且维持在较高的帧数;面对3A大作,i5-10300H+GTX1650Ti也能够提供不错的画质与流畅度;作为全能游戏本的它,标压处理器+独立显卡给予了它生产力方面的天生优势;16GB双通道内存与高速固态硬盘更是如虎添翼;还不错的屏幕素质亦可胜任对颜色没有极致要求的一些剪辑、设计工作;最具亮点的是光影精灵6的散热表现,长时间游戏也可以保持体感温度的舒适,夏天的高温环境下也可以无障碍运行。

一线大厂+全能表现+低调外观,满足多场景运用,首发价6299元又有足够的性价比,在全能本这个新兴的细分市场中,“Cool到飞起”的光影精灵可以称为佼佼者了。

光影精灵6紫色版请关注惠普中国天猫官方旗舰店

(7446863)