使用边框定义元素的半径,并在元素边界的一侧或多一侧创建轮廓。
边框定义元素的半径,并在元素边界的一侧或多一侧创建轮廓。您可以在样式面板中定义任何选定元素的边界和半径。
在这节课中:
边框允许您在元素边界的一个或多个边创建轮廓。边框会占用空间,从而扩展元素的维度。对于具有定义的大小,边界将推动内部内容。
若要在不扩展元素尺寸的情况下添加边框效果,请添加内框或外框阴影,模糊值为0。
定义元素的所有角或单个角的半径,以创建圆角。
默认情况下,半径以像素(px)为单位设置。要使用百分比,在任何边界输入字段中输入百分比值和字符(%)。你也可以使用单位下拉菜单中的任何CSS单位。
了解更多关于输入值和单位.
style属性决定元素周围边框的类型。边框可以是实线、虚线或虚线。您甚至可以通过将样式设置为none来隐藏边框设置。
一些内置元素带有默认边框,比如表单输入字段和块引号。可以通过将边框样式设置为无来删除默认边框。
宽度决定边框的厚度。这个值可以包含单位下拉列表中可用的任何CSS单位。
了解更多关于输入值和单位.
在风格的面板>颜色,您可以在边框设置中为任何元素的边框指定颜色和不透明度。如果改变边框一侧的颜色,就会得到斜面或相框效果。
默认情况下,设置一个元素的半径会将该值应用到所有角落。您可以通过拖动滑块或在输入字段中输入一个值来设置一个值。
使用像素值来获得圆角,使用百分比来获得具有相同长宽比的椭圆角。
对于胶囊形状,将半径设置为大于元素最短维度的一半的像素值。如果你想略过计算,通常可以使用更大的数字,如500。
对于椭圆,设置半径为50%。百分比基于元素的宽度和高度
注意:当有不同维度的元素时,椭圆可能会显示不一致。
对于圆形,设置半径为50%,并确保元素的宽度和高度相同。
您可以在每个角上设置不同的值,以创建独特的形状。
要使一个矩形图像圆形而不扭曲它,你可以使用半径和对象适合放置在Div块内的图像-这里是如何:
在风格的面板>边界,您可以一次设置所有的边(通过单击中间)或单独的边。
如果在顶部创建边框并设置样式,则只影响顶部。如果在左侧创建边框并设置样式,则只影响左侧。
斜面为图像增加深度。
若要向按钮添加斜面效果,请打开风格的面板>边界:
您可以对样式面板中的任何东西进行样式设置-让我们对一个按钮进行样式设置,使其悬停时产生动画效果。
让你的按钮在悬停时变成圆角:
要使按钮返回原来的关闭状态,悬停并创建一个平滑过渡:
要删除这个动画:
让你的按钮在点击时变成圆角:
你可以使用相同的步骤添加一个过渡和动画的东西,如边框颜色或边框宽度悬停或单击。玩得开心!
一定要看看我们的完整的课程动画与After Effects和珞蒂.
提交表单时出错了。请联系support@www.raktarban.com