小编Max*_*off的帖子

悬停时的小CSS动画

试图创造这样的东西. 在此输入图像描述

我无法使用letter-spacing.我创建此代码,但它不能很好地工作.

http://jsfiddle.net/pyqq8wfe/

.refreshed_logo {
  font-family: ProximaNovaBold;
  font-size: 50px;
  text-decoration: none;
  color: #000000;
}
.logo_wrapper {
  color: inherit;
  text-decoration: none;
  width: 250px;
  position: absolute;
}
.refreshed_logo:after {
  content: 'digital';
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  font-size: 20px;
  background-color: red;
  border-radius: 18px;
  color: white;
  margin-left: 4px;
  margin-top: 3px;
  text-indent: 8px;
  font-weight: normal;
  line-height: 1;
  transition-property: width, height;
  transition-duration: 0.2s, 0.2s;
  transition-delay: 0s, 0.2s;
  -o-transition-property: width, height;
  -o-transition-duration: 0.2s, 0.2s;
  -o-transition-delay: 0s, 0.2s;
  -moz-transition-property: width, height;
  -moz-transition-duration: 0.2s, …
Run Code Online (Sandbox Code Playgroud)

css html5 css3 css-transitions

3
推荐指数
1
解决办法
70
查看次数

加载json后,在AngularJS app中为HTML文档添加一个类?

我想在css-classes我的html文档中添加一些内容.当我使用我的应用程序没有json(简单$scope.resumes = [{..some data..}])它工作得很好,但当我包含json文件它工作不好(我看到必要的数据,但没有CSS类)

var myApp = angular.module('myApp', []);

myApp.controller('ResumeListCtrl', function ($scope, $http) {
    $scope.title="resume";
    $http.get(window.location+'/js/resumes.json').success(function(data){
        $scope.resumes= data;
    });
  });

$(document).on("ready", function() {
    $(".box:even").addClass("hvr-bubble-right").addClass("margin_right_5").addClass("box-float-right");
    $(".box:odd").addClass("hvr-bubble-left").addClass("margin_left_5").addClass("box-float-left");
});
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
            <div class="expa col-xs-6 col-sm-6 col-md-6 col-lg-6"  ng-repeat="resume in resumes">
                <div class="box" >
                    <h3 class="h3-style">{{resume.name}}</h3>
                    <div class="description_company_name"><span>{{resume.company}}</span><span><i
                            class="fa fa-circle"></i></span><span>{{resume.year}}</span></div>
                    <div class="hidden-xs">
                       {{resume.description}}
                    </div>
                </div>
            </div>
Run Code Online (Sandbox Code Playgroud)

html javascript css json angularjs

0
推荐指数
1
解决办法
194
查看次数

标签 统计

css ×2

angularjs ×1

css-transitions ×1

css3 ×1

html ×1

html5 ×1

javascript ×1

json ×1