.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }

• Home
• About
• Log In
• Account
• Search
• Archive
• Committees
• Author Guidelines
• Flyer
• Handbook
• Presentations
• Proceedings

Home > ICCM2024, July 15th-18th, Virtual Conference > The 12th International Conference on Computational Methods (ICCM2021) > Presentations and Authors

Title Author contains is
Last name A B C D E F G H I J K L M N O P Q R S T U V W X Y Z All
Track: All Tracks Plenary Lecture MS-000 General Papers MS-001 Theory and Formulation for Novel Computational Methods MS-002 Particle Based Methods MS-003 Mechanics of surface/interface and bionics MS-004 Boundary Element Methods and Mesh Reduction Methods MS-005 Reduced order models for structures and fluids MS-006 Energy Absorption and crashworthiness of Structures and Materials MS-007 Fire Simulation MS-008 Modeling and Simulation of Complex Flow and Transport Phenomena MS-009 Computational Methods in Fluid Engineering MS-010 Data-driven Surrogate Modeling Techniques for Inverse and Other Related Problems MS-011 Damage and Failure Modelling in Composite Materials MS-012 Deformation, Fatigue and Fracture of Advanced Materials MS-013 Large Scale Coupled Problems and Related Topics MS-014 Progresses of Computational Marine Hydrodynamics MS-015 Smoothed Finite Element Methods and Related Techniques MS-016 Computational Mechanics for Composite Plates and Shells MS-017 Computational methods in Hydraulic engineering MS-018 Data, Uncertainty, Machine Learning and Digital Twin MS-019 Methods for Multi-Phase Flows MS-020 Particle-based methods and applications to geomechanics MS-021 Concurrent multiscale modeling from electrons to finite elements MS-022 Multiscale modelling of engineering materials MS-023 Advances in computational methods for large deformation problems in geo-mechanic MS-024 Recent Advances In Meshfree and Particle Methods MS-025 Meshfree and Other Advanced Numerical Methods for Engineering and Applied Mathematical Problems MS-026 Limit state analysis of structures and materials MS-027 Modeling and Simulation for Additive Manufacturing MS-028 Computational Acoustics and Elastodynamics in Materials and Structures MS-029 Kernel and machine learning based solutions of PDEs MS-030 New methods of approximate static calculations MS-031 Stochastic BEM in Fracture Mechanics MS-032 Acoustic metamaterials and phononic crystals: from fundamental theory to potential applications MS-033 Design optimization of structures and metamaterials MS-034 Local and nonlocal modeling approaches in dynamics MS-035 Computational Biomechanics MS-036 Recent Advances and Developments for Damage and Failure of Engineering Materials and Structures MS-037 Modelling Heterogeneous Media: Fracture, Localisation and Multiphase Flow MS-038 Mechanics of soft materials MS-039 Computational Biomechanics MS-040 Computational methods for advanced soft matter and soft robotics MS-041 Computational Particle Dynamics MS-042 Computational and Machine Learning Studies of Hierarchical Cellular Structures MS-043 Multiscale multiphysical damage and fracture simulation of cementitious composites MS-044 Uncertainty quantification and analysis for structures MS-045 Data-driven modeling and design approaches MS-046 Micro-/Nano-mechanics for Novel Materials MS-047 Computational design, optimization and manufacturing advanced materials and structures Publication at the conference Proceedings

 

Plenary Lecture

SPL: CT image-based damage and fracture modelling and validation of Concrete and FRC
Zhenjun Yang

MS-002 Particle Based Methods

Atom-based molecular mechanics method for predicting the mechanical property of molybdenum disulfide (MoS2)
Hongfei Ye, Dong Li, Yonggang Zheng, Hongwu Zhang, Zhen Chen

MS-005 Reduced order models for structures and fluids

A Non-intrusive Parametrized Reduced Order Modeling for Unsteady Flows based on Proper Orthogonal Decomposition
Jianyao Yao

MS-009 Computational Methods in Fluid Engineering

Improved smoothed particle hydrodynamics (SPH) model for simulation of abrasive water-jet (AWJ)
Ran Yu, Xiangwei Dong, Mingchao Du, Zengliang Li, Long Feng

MS-010 Data-driven Surrogate Modeling Techniques for Inverse and Other Related Problems

Bregman-iterative greedy coordinate descent for sparse polynomial chaos expansion in structural uncertainty analysis
Jian Zhang, Xinxin Yue, Jiajia Qiu

MS-011 Damage and Failure Modelling in Composite Materials

Analysis of failure process of bonded pipe joints under tension loads
Hong Yuan, Jun Han, Lan Zeng, Ziyong Mo

MS-013 Large Scale Coupled Problems and Related Topics

Timber traceability with CNN Based Image Recognition Technology
Zheng Hongjie, Asano Miyoko, Asano Yoshiharu

MS-015 Smoothed Finite Element Methods and Related Techniques

A 3D selective smoothed finite element method for analysis of the human annulus fibrosus with fiber-matrix interaction
Xue Yan

MS-016 Computational Mechanics for Composite Plates and Shells

Structural optimization of laminate composite structures using equivalent static loads
yijae choi, Jinhwan Park, Kyunghun Jeon, Jaemin Moon, Donghyeon Yoo, Chang-Wan Kim

MS-017 Computational methods in Hydraulic engineering

Entropy production analysis of energy loss of a Francis turbine under overall operating conditions: hybrid RANS/LES simulations
Zhi-Feng Yu

MS-043 Multiscale multiphysical damage and fracture simulation of cementitious composites

Micro CT image-based reconstruction of random fields and mesoscale fracture modelling of concrete
Yu-jie Huang, Hui Zhang, Zhen-jun Yang, Jian-ying Wu

Two-dimensional meso-scale simulation of hydraulic fracture in concrete
kelai Yu, Zhenjun Yang, Xin Zhang, Guohua Liu

A hydro-damage-mechanical coupled numerical method for fracking in poroelastic media based on a phase-field regularized cohesive zone model
Hui Li, Zhenjun Yang

MS-044 Uncertainty quantification and analysis for structures

Generalized probability and interval hybrid reliability analysis based on a two-stage active learning Kriging model
Mengchen Yu, Xiangyun Long

MS-045 Data-driven modeling and design approaches

An Adaptive Artificial Neural Network-based Deep Generative Design Method
Wenjing Ye, Chao Qian, Renkai Tang

Publication at the conference Proceedings

A method for Helmholtz operator and application to free vibration problem of thin plate on Pasternak foundation
Shanqing Li, Hong Yuan, Jiarong Gan

.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }