如何在页面底部添加倾斜样式效果？

原文:https://www . geesforgeks . org/如何在页脚中添加角度样式/

要将 CSS 样式附加到页脚或任何带有 angularJS 的 HTML 元素，如果我们有预定义的 CSS 类，我们可以使用 ng 类指令，或者如果我们想要在运行时动态创建样式，可以使用 ng 样式指令。

语法:

运筹学

在 ng 样式的指令中，jsObject 包含 CSS 键值对。
在 ng 类指令中，表达式可以是 jsObject、Array 或 String。这里的 jsObject 是一个 CSS 类名和一个布尔值的键值对映射，String 只是 CSS 类名，而 Arrays 可以两者都有。

示例 1: 在本例中，我们使用 ng-style 指令向页脚元素追加样式。




    


            ng-click="click(this)">GFG
    
    
    

输出:

• 点击按钮前:
  


• 点击按钮后:
  

当我们按下按钮 GFG，它将调用点击功能。然后 click 函数通过给 styleObj 一个新的属性并修改现有的属性来改变它的值。

示例 2: 在本例中，我们使用带有对象的 ng 类指令将样式附加到页脚元素。




    
    


    
        GFG
    
    

输出:

• 按下按钮前:
  


• 按下按钮后: