psychomet

Dynamic Content Lockups V2 - Open Props

A gaming hero section showcasing how to create dynamic content lockups using scroll-driven animations. Built with Open Props.

A Pen by Arby on CodePen.

License.

psychomet

section.c-section
  h2.c-section__title
    span Our Services
  ul.c-services
    li.c-services__item
      h3 Responsive Web Design
      p
        | We leverage the concept of mobile-first design. Through our work, we focus on designing an experience that works across different screen sizes.
    li.c-services__item
      h3 UX Auditing

psychomet

import { Injectable } from '@angular/core';
// @ts-ignore
import moment, { Moment } from 'jalali-moment';

import StartOf = moment.unitOfTime.StartOf;
import { DateMode, NzDateAdapter } from 'ng-met-antd/core';
import { NZ_DATE_CONFIG } from 'ng-met-antd/i18n';

@Injectable()
export class JalaliMomentDateAdapter extends NzDateAdapter<Moment> {

psychomet

<div class="content">
  <h1>5 Stars Rate</h1>
  <span><i class="fa fa-star"></i></span>
  <p>Pure CSS!</p>
</div>

<div class="wrapper">
  <input type="checkbox" id="st1" value="1" />
  <label for="st1"></label>
  <input type="checkbox" id="st2" value="2" />