.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 13th International Conference on Computational Methods (ICCM2022) > 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 Crash safety and structural optimization 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 Concurrent multiscale modeling from electrons to finite elements MS-021 Multiscale modelling of engineering materials MS-022 Advances in computational methods for large deformation problems in geo-mechanic MS-023 Recent Advances In Meshfree and Particle Methods MS-024 Meshfree and Other Advanced Numerical Methods for Engineering and Applied Mathematical Problems MS-025 Limit state analysis of structures and materials MS-026 Modeling and Simulation for Additive Manufacturing MS-027 Computational Acoustics and Elastodynamics in Materials and Structures MS-028 Kernel and machine learning based solutions of PDEs MS-029 Stochastic BEM in Fracture Mechanics MS-030 Acoustic metamaterials and phononic crystals: from fundamental theory to potential applications MS-031 Design optimization of structures and metamaterials MS-032 Local and nonlocal modeling approaches in dynamics MS-033 Computational Biomechanics MS-034 Recent Advances and Developments for Damage and Failure of Engineering Materials and Structures MS-035 Modelling Heterogeneous Media: Fracture, Localisation and Multiphase Flow MS-036 Mechanics of soft materials MS-037 Computational Biomechanics MS-038 Computational methods for advanced soft matter and soft robotics MS-039 Computational Particle Dynamics MS-040 Computational and Machine Learning Studies of Hierarchical Cellular Structures MS-041 Multiscale multiphysical damage and fracture simulation of cementitious composites MS-042 Uncertainty quantification and analysis for structures MS-043 Data-driven modeling and design approaches MS-044 Micro-/Nano-mechanics for Novel Materials MS-045 Computational design, optimization and manufacturing advanced materials and structures Publication at the conference Proceedings

 

Plenary Lecture

Wavelet methods for solving nonlinear mechanical problems
Jizeng Wang

Phase-field modeling of fracture in multiphysical problems
Jianying Wu

Meshfree Stabilized Collocation Method (SCM): theory, algorithm and applications from solid mechanics to fluid-structure interaction problems
Lihua Wang

MS-001 Theory and Formulation for Novel Computational Methods

Low-dissipation numerical methods for multiphase compressible cavitation flows based on BVD principle
Hiro Wakimura, Tatsuin Li, Feng Xiao

MS-020 Concurrent multiscale modeling from electrons to finite elements

Stress evolution and failure models in elastic-plastic electrodes during electrochemical-mechanical coupling
Jici Wen

MS-026 Modeling and Simulation for Additive Manufacturing

Machine Learning Boosted Data-driven Modeling and Simulation of Additive Manufacturing: Process, Structure and Property
Lei Chen, Zhuo Wang

MS-027 Computational Acoustics and Elastodynamics in Materials and Structures

An efficient multiscale method for wave propagation analysis of functionally graded sandwich plate with nanopores
Zhelong He, Guannan Wang

Multiscale Investigation on the Static, Dynamic and Buckling Responses of Functionally Graded Porous Beams reinforced with Grapheme Platelets
Zhenbo Xu, Rongqiao Xu, Guannan Wang

MS-034 Recent Advances and Developments for Damage and Failure of Engineering Materials and Structures

Application of PDS-FEM to simulate high-power LASER induced cracking
Maddegedara Lalith Lakshman Wijerathne

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

Mesoscale failure simulation of UHPFRC with explicit modelling of cohesive fibre-matrix interfaces
Xin Zhang, Zhenjun Yang, Zhenyu Wang

.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; }